Question

我对react.js还是很陌生，但正在学习很多东西。我有一个特定的问题要解决。我希望能够选中一个复选框以删除动态创建的元素。

当前，我的代码已设置为呈现多个元素，并且每次单击按钮时，该数字（处于元素状态）都加1。

很明显，我可以将状态num减1，但是试图删除特定元素。

我如何尝试通过ID删除特定元素？

当前代码：

  4 class FieldSection extends Component{
  5   constructor(){
  6     super()
  7
  8     this.state ={
  9       numberOfFields: 1
 10     }
 11   }
 12   addField = () => {
 13       const { numberOfFields } = this.state;
 14       this.setState({ numberOfFields: numberOfFields + 1 });
 15     }
 16
 17   listFields = (numberOfFields) => {
 18     var fields = [];
 19     for(var i=0; i<numberOfFields; i++){
 20       fields.push(
 21         (<Field />)
 22       )
 23       setId();
 24     }
 25     return fields;
 26   }
 27
 28   render () {
 29     const {listFields, addField} = this;
 30     const {numberOfFields} = this.state;
 31     return (
 32       <div>
 33           <label><u>Fields</u></label>
 34           {listFields(numberOfFields)}
 35           <div id="fieldButtons">
 36             <button id="addField" type="button" onClick={addField}> Add Field </butt    on>
 37             <button id="removeField" type="button"> Remove Field </button>
 38           </div>
 39       </div>
 40     )
 41   }
 42 }

Answer 1

检查以下内容：开始以更正确的方式实施您想做的事情的点：

Armor

React.js删除特定元素

1 个答案: