Может кто-нибудь помочь мне с этим вопросом. Я использую React / ContexAPI на передней панели и MongoDB на внутренней стороне. Я сделал несколько звонков и получил данные для одной транзакции. Это было сохранено в глобальном состоянии как SingleTransaction. Теперь у меня есть тег формы с большим количеством элементов ввода, и я хочу получить данные из GlobalState и предварительно заполнить все поля ввода.
Однако после установки значения = {SingleTransaction.name}
Я не могу ничего вводить в это поле, поскольку оно стало контролируемым. Поскольку это необходимо использовать для отображения предварительно заполненных данных и предоставления пользователям возможности изменять поле, мне нужно выяснить, как получить данные из состояния GlobalContext в поля ввода, но при этом разрешить пользователям самим изменять значение, так как это будет запрос 'PUT' onSubmit
позже. Крючки React действительно доставляют мне трудные времена. Я надеюсь, что вы получаете представление о том, что я пишу.
В итоге, когда я помещаю GlobalState в значение поля ввода, я не могу ничего ввести в это поле. Однако, когда я использую обычное 'состояние' с такими хуками, как
const [value, setValue] = useState('***');
, я могу создать поле ввода, например
<input value = {value} />
И позже изменить его значение с помощью onChange = {setValue}
в отличие от ситуации с GlobalState.
Спасибо!