在内部组件内设置变量的状态

Question

我有一个简单的反应组件来保存状态。该组件变得非常长，我想将其拆分为更小的组件。

export default function FatherComponent(props) {
const [name, setName] = useState('');

... other functionality ...

return (
<div className="main-container">
  {renderBody()}
  <SonComponent
    name={name}/>
</div>

然后我把处理name的一些代码移到了儿子的组件中，还有一些仍然在父亲的组件中处理（这就是为什么我没有把它完全移到里面）。

在儿子的组件中，如何改变name的值，使name的值在父亲的组件中也发生变化？

Answer 1

只需将 difflib 传递给子组件。 但好的做法是创建一个处理程序。

例如：

setName