React:实现对每个person的event控制

    技术2022-07-13  76

    find & findindex

    nameChangedHandler = (event,id)=>{ const personIndex = this.state.persons.findIndex(p=>p.id===id); const person = { ...this.state.persons[personIndex] }; person.name=event.target.value; const persons=[...this.state.persons]; persons[personIndex]=person; this.setState({persons:persons}); }

    person中加入changed并传入id

    if(this.state.isshow){ person=( <div> { this.state.persons.map((person,index)=>{ return <Person name={person.name} age={person.age} click={this.deletePersonHandler.bind(this,index)} key={person.id} changed={(event)=>this.nameChangedHandler(event,person.id)} /> }) } </div> ); }else{ person=null; }
    Processed: 0.024, SQL: 9