当我上传头像图片时，如何清除localStorage only头像字段.反应

Question

当我在我的项目中更改头像图片时，大家好。我可以成功上传，但由于本地存储数据没有更改。我试过了；

this.state = {
imageUrl: props.user && props.user.avatar,
};

我的功能就像

changeAvatar() {
const profileDetail = cloneDeep(JSON.parse(localStorage.getItem('__PERSISTED_STORE__')));
const isProfileDetailExist = profileDetail
&& profileDetail.user
&& profileDetail.user.signIn
&& profileDetail.user.info;
if (isProfileDetailExist) {
profileDetail.user.signIn.info.avatar = this.state.imageUrl;
}
localStorage.setItem('__PERSISTED_STORE__',
JSON.stringify({
user: profileDetail.user,
language: profileDetail.language
})
);
}

我该怎么做。我的数据似乎是；

首选项：｛user:｛singIn:｛info:｛……化身在里面。我只想更改头像。语言：。。。

Answer 1

问题是如何设置状态

this.state = {
imageUrl: props.user && props.user.avatar,
};

根据您的代码，imageUrl是布尔值。如果你想分配化身的位置(字符串(，你应该使用

this.state = {
imageUrl: props.user && props.user.avatar ? props.user.avatar: '',
};

如果props.user.avatar&amp；props.user是真的。