[英]What to use for two way binding in react js , props or state?
我正在尝试使用reactjs创建一个表单,我正在尝试使用twoway绑定。 我无法在valueLink中使用props,因为它只能采用状态。
问题1:我在创建组件时传入属性,并且在getInitial状态下我将其设置为状态,因为我无法在valueLink中使用props。 什么是更好的方法?
我想在文本框中发送每个更改以在服务器中执行一些计算并将计算值发送到状态。
问题2:我无法使用方法componentWillReceiveProps因为,我使用state。我也无法使用shouldComponentUpdate,因为我无法使用setState。 我可以在这里使用什么?
valueLink
不适用于道具。 您可能想要在没有双向绑定帮助程序的情况下尝试React。 帮助器实际上是一个方便的糖,而不是一个完整的库功能(因为React不需要双向绑定)。
对于问题1:这是一个反模式 ,另一个原因是你应该首先尝试没有绑定帮助器的React。 让支柱保持支柱(在大多数情况下)。
对于问题2:这也是你决定使用绑定帮助器时更难的事情。 至于“无法使用shouldComponentUpdate
”,我不确定你的意思。
似乎您的输入值在层次结构中被控制得更高,并作为prop传递下来。 以下是没有附加组件的情况: http : //jsfiddle.net/TcfWe/
请注意,我将doSomeComputationOnServerSide
放在父级中,因为它与value
的真实来源一起感觉更加连贯。 根据您的需要,您可以将它放在孩子身上。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.