ReactJS не могу обновить входное значение

Question

У меня есть некоторые данные в redux хранилище, которое теперь сопоставлено с реквизитом.

Это мои поля:

<input value={this.props.bill.flat_rent} name="flat_rent" type="number"></input>

Эти поля автоматически заполняются данными из реквизита, позже я пытаюсь отредактировать эти поля, но это не позволяет редактировать значение.

Может кто-нибудь помочь, как можно изменить значение?

В моем случае я не могу использовать данные state. У меня есть данные в подпорках, кто-нибудь может помочь, как это сделать?

Answer 1

если у вас есть данные реквизита до монтирования дочернего компонента, вы можете go с этим

this.state = {
  flatRent: props.bill.flat_rent,
}

, если у вас нет данных реквизита при монтировании дочернего компонента, тогда вы не можете использовать setState и вам нужно dispatch действие, чтобы оно обновило ваше значение props в redux-store

<input value={this.props.bill.flat_rent} name="flat_rent" type="number"onChange={(e) => this.props.updateBill({flat_rent: e.target.value})}></input>

Answer 2

Вы можете отправить действие onChange поля ввода, а затем настроить действие в редукторе, чтобы получить обновленное значение в поле ввода

<input value={this.props.bill.flat_rent} name="flat_rent" type="number"onChange={e=>dispatch({ type: "UPDATE_FLAT_RENT", payload: e.target.value})></input>