如何在回调之后动态更改状态的对象值？
如何在回调之后动态更改状态的对象值？
提问于 2022-03-31 02:33:26
新手问题。请考虑下面的代码片段：
export const Parent = ({data}) => {
const [myData, setShowResults] = useState({isOpen: false, title: 'test'})
function handleCheck(evt) {
console.log(evt.currentTarget.textContent);
//how to change current myData.title with evt.currentTarget.textContent?
}
return (
<div className='c-dropdown'>
<Child data={data} isOpen={myData.isOpen} onCheck={handleCheck}/>
<p>{myData.title}</p>
</div>
);
}在handleCheck回调函数中，我接收到所需的信息，但我无法找到一种方法来使用新接收的信息更改myData.title。
回答 1
Stack Overflow用户
回答已采纳
发布于 2022-03-31 02:39:30
使用函数状态更新并浅复制前一个状态对象。
示例：
function handleCheck(evt) {
const { textContent } = evt.currentTarget;
console.log(textContent);
setShowResults(data => ({
...data, // <-- copy previous state
title: textContent, // <-- update property
}));
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/71686263
复制相关文章
相似问题
腾讯云开发者
