Question

我是新来的反应者，它是它的设计模式，所以我尝试编写一种双向绑定并为我的班级及其孩子创建一个onChange，我想知道这是否是一件好事，以及它是否正确设计模式

我已经做了类似的事情：

<input type="text" id="question">
<input type="text" id="category">
<input type="text" id="ans1">
<input type="text" id="ans2">
<input type="text" id="ans3">
<input type="text" id="ans4">
<button onclick="AddQuestions()">Click</button>

可以吗？还有更好的选择吗？
谢谢。

Answer 1

是。您操作正确，但是传递的goldAmount和silverAmount值不正确。

<B 
   goldAmount = {this.state.goldAmount} 
   silverAmount = {this.state.silverAmount} 
   onChange={this.onBChange}
/>

正确的方法是

<B
  goldAmount={this.state.BClassProperties.goldAmount}
  silverAmount={this.state.BClassProperties.silverAmount}
  onChange={this.onBChange}
/>

也在您的B组件中，使您的input controlled，

<input
    placeholder={'gold'}
    value={this.props.goldAmount} //This makes your input controlled
    onChange={this.onGoldChange}
/>

Demo

绑定和连接子类的onChange的两种方法

1 个答案: