[React] - wartość domyślna pola

Question

Witam,

 

W jaki sposób sprawić, by atrybut value pola był pobierany ze State tylko za pierwszym razem, a po edycji pola jego wartość się zmieniała?

 render(){

    return (

      <React.Fragment>
        {/* <button onClick={this.addTask}>Add new task</button> */}
        <ul>
          {this.state.incompleteTasks.map((el,index)=>{
            return (
              <input key={index} value={el.title} onBlur={this.updateTask}></input>
            )
          })}
        </ul>
      </React.Fragment>
    )
  }

 

Answer 1

Zamiast value stworz atrybut defaultValue ;-)

Comments

<input key={index} value={()=>this.state.value} onBlur={(event) => this.updateTask(event)}></input>

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

O coś takiego Ci chodziło?

---

https://reactjs.org/docs/uncontrolled-components.html#default-values

Answer 2

Pomyliłem pytania :) do usunięcia