Как назначить onChange и значения текстовому полю внутри таблицы с помощью интерфейса reactjs

#javascript #reactjs #material-ui

Вопрос:

Рабочий код : https://codesandbox.io/s/proud-snowflake-d2054?file=/src/App.js

У меня есть вложенный массив , и я хочу прочитать значения , введенные внутри таблицы, также у меня есть возможность добавить новое текстовое поле . Я хочу знать, как назначить функции и значения onchange этим текстовым полям. введите описание изображения здесь

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

Поскольку это вложенный массив, становится трудно обновлять значения в setState.

Ответ №1:

У вас есть массив состояний со свойством Id. Просто используйте фильтр массива по этому идентификатору в существующем состоянии и назначьте его обратно в состояние

Комментарии:

1. как бы я назначил значения и onchange для текстовых полей ?

2. У вас есть значение текстового поля={состояние[идентификатор]} и onchange={e => this.setState({…состояние, …{идентификатор: e.целевое значение}}} вашим идентификатором может быть индекс карты или что-либо еще

3. Это вложенный массив , поэтому эта функция onchange здесь работать не будет