>假设我有一个React类P,它提供了两个子类C1和C2。
> C1包含输入字段。我将这个输入字段称为Foo。
>我的目标是让C2对Foo的变化做出反应。
@H_404_27@> C1包含输入字段。我将这个输入字段称为Foo。
>我的目标是让C2对Foo的变化做出反应。
我想出了两个解决方案,但他们都觉得不对。
第一解决方案:
>分配P a状态,state.input。
>在P中创建一个onChange函数,它接收一个事件并设置state.input。
>将此onChange传递给C1作为道具,并让C1将this.props.onChange绑定到Foo的onChange。
这工作。每当Foo的值改变时,它触发P中的setState,所以P将有输入到C2。
但它不会觉得相当正确的同样的原因:我设置一个父元素的状态从子元素。这似乎背叛了React的设计原则:单向数据流。
这是我应该怎么做,还是有更多的React天然解决方案?
第二解决方案:
只要把Foo放在P.
但是这是我应该遵循的设计原则,当我结构我的应用程序放置所有表单元素的渲染的最高级类?
像我的例子,如果我有一个大的渲染C1,我真的不想把整个渲染的C1渲染的P只是因为C1有一个表单元素。
我应该怎么办?