Отображение и изменение данных JSON (отображаемых в таблице) с использованием React JS
Я очень новичок в React to JS, а также это мой первый вопрос к сообществу, поэтому, пожалуйста, помогите мне.
Я хочу создать таблицу, которая будет отображать данные из файла JSON (она должна отображать около 50 строк на странице), также мне нужна возможность изменять данные в той же таблице, а затем соответствующим образом обновлять содержимое JSON.
Мне нужно иметь следующие типы ячеек в таблице: обычное нередактируемое текстовое поле, редактируемое текстовое поле, списки выбора (показывающие данные из другого файла JSON), числовые поля, календарь и т. д..
Я знаю, что многим из вас это может показаться глупым вопросом, но, пожалуйста, помогите мне понять, как подступиться к этой проблеме.
(Я не прошу рабочий код, пожалуйста, помогите мне, как начать с ним работать.)
Спасибо.
Ответы 2
Для таблицы: 1. Создайте компонент 2. Сохраните значение json в состоянии. 3. построить таблицу. В tbody используйте state.map и возвращайте строки.
Для нередактируемого текстового поля сделайте его доступным только для чтения.
Тонны библиотек на github могут делать то, что вам нужно.
Например:
- https://react-bootstrap-table.github.io/react-bootstrap-table2/
- https://github.com/tannerlinsley/реагировать-таблица
- https://material-ui.com/demos/tables/
Есть много других, какой из них следует использовать, исходя из ваших требований к деталям, а затем найти наиболее подходящий.