Невозможно изменить значение поля ввода после установки начального значения вручную в реакции

Question

Я работаю над приложением, в котором я передаю значения переменных в Navlink, используя состояние от одного компонента к другому, и устанавливаю его начальные значения равными значениям переданных значений, но я не могу изменить значение поля ввода после установки начальное значение. Маршрут уже определен в приложении. js

Мой код для родительского класса

class Parent extends React.Component{
    constructor(props) {
        super(props);
        this.state={id:2}
      } 
    render(){
       return(
<NavLink to={{
       pathname: '/Child',
      state: {
        id: this.state.id
      }
     }}>Edit</NavLink>
        ))}

Код для дочернего класса

class Child extends React.Component{
    constructor(props) {
        super(props);

          this.state = {id:this.props.location.state.id}
          this.setId = this.setId.bind(this)
}
 setId(e){
         this.setState=({id:e.target.value})
      }
render(){

        return(
         <div>
            <form>
            <label>Id</label>
            <input value={this.state.id} onClick={this.setId.bind(this)}  type="text"/><br/>
</form>
</div>
)}

}

Answer 1

Ваш onChange должен быть

onChange={this.setId}

setId должен быть

setId(e){
     this.setState({id:e.target.value});
}