[英]Update state array by object Id
我想通过特定的 id 更新状态数组对象。
假设我有以下对象处于状态。 我尝试通过以下方式使用 id 进行更新,但它对我不起作用。
它没有更新状态数据。
this.state = { data: [{id:'124',name:'qqq'}, {id:'589',name:'www'}, {id:'45',name:'eee'}, {id:'567',name:'rrr'}] } publishCurrentProject = user => { this.setState(prevState => ({ data: prevState.data.map(item => item.id === user.id ? { ...user } : item ), })) } let user = {id:'124',name:'ttt'}; publishCurrentProject(user);
任何帮助将不胜感激。
也许问题在于您如何调用publishCurrentProject()
,也许您将该函数放在错误的上下文中。 我使用你的实现,它仍然有效
export default class App extends React.Component {
constructor(props) {
super(props);
this.state = {
data: [
{ id: "124", name: "qqq" },
{ id: "589", name: "www" },
{ id: "45", name: "eee" },
{ id: "567", name: "rrr" }
]
};
this.handleClick = this.handleClick.bind(this);
this.publishCurrentProject = this.publishCurrentProject.bind(this);
}
handleClick(e) {
let user = { id: "124", name: "ttt" };
this.publishCurrentProject(user);
}
publishCurrentProject(user) {
this.setState((prevState) => ({
data: prevState.data.map((item) =>
item.id === user.id ? { ...user } : item
)
}));
}
render() {
return (
<div className="App">
<h1>Test</h1>
{this.state.data.map((el) => (
<p>{el.name}</p>
))}
<button onClick={this.handleClick}>Change</button>
</div>
);
}
}
工作示例的代码沙盒
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.