Question

我有一个“添加”按钮，每次单击都会呈现相同的组件。父状态作为道具传递给该组件，该组件包含电子邮件，姓名等字段。“添加”按钮最多可以按下9次，这意味着我将使用“添加”按钮以一种形式动态生成9个子组件。我想保持所有这9个子组件的状态

input type =“ button” name =“ numOwners” value =“添加” />

BasicDetails {... this.state} />

每次单击添加组件BasicDetails都会呈现

可以使用反应状态吗？我是React的新手，我们将不胜感激。

Answer 1

您可以简单地将数组或对象与父状态下当前存在的子项的值一起使用，然后将这些值映射以渲染创建的组件。在每次“添加”后，将附加项添加到父状态，因此将显示新创建的子项。

  class Parent extends Component {
     state={ items : [] }

   render() {
     return <>
        {this.state.items.map(data => <Child {...data}/>)}
     <\>
     }
  }

在每个渲染时保持react组件的状态

1 个答案: