我正在寻找将数据从子组件传递给其父组件的最简单解决方案。
我听说过使用 Context、传递槽属性或更新道具,但我不知道哪一个是最好的解决方案。
我正在构建一个管理界面,其中一个 PageComponent 包含一个 ChildComponent 和一个表格,我可以在其中选择多行。我想将我在 ChildComponent 中选择的行号发送给我的父 PageComponent。
类似的东西:
页面组件:
<div className="App">
<EnhancedTable />
<h2>count 0</h2>
(count should be updated from child)
</div>
子组件:
const EnhancedTable = () => {
const [count, setCount] = useState(0);
return (
<button onClick={() => setCount(count + 1)}>
Click me {count}
</button>
)
};
我确信这是一件非常简单的事情,我不想为此使用 redux。
原文由 Kaherdin 发布,翻译遵循 CC BY-SA 4.0 许可协议
您可以在父组件中创建一个方法,将其传递给子组件,并在每次子组件的状态更改时从 props 调用它,从而将状态保留在子组件中。