Отображение и изменение данных JSON (отображаются в таблице) с помощью React JS

Question

Я очень плохо знаком с React to JS, и это мой первый вопрос к сообществу, поэтому, пожалуйста, помогите мне.

Я хочу создать таблицу, которая будет отображать данные из файла JSON (отображать около 50 строк на страницу), также мне нужна возможность изменить данные в той же таблице и позже соответствующим образом обновить содержимое JSON.

Мне нужны следующие типы ячеек в таблице:Обычное не редактируемое текстовое поле, редактируемое текстовое поле, списки выбора (отображающие данные из другого файла JSON), числовые поля, календарь и т. Д.

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

(я не прошу рабочий код, пожалуйста, помогите мне с ним начать.)

Спасибо.

Answer 1

Тонны библиотек на github могут делать то, что вам нужно.

Например:

• https://react -bootstrap-table.github.io / реагировать-бутстрап-table2 /
• https://github.com/tannerlinsley/react-table
• https://material -ui.com / demos / tables /

Естьмногие другие, какой из них следует использовать, основаны на ваших требованиях к деталям, а затем найдите наиболее подходящее.

Answer 2

Для таблицы: 1. Создайте компонент 2. Сохраните значение json в состоянии.3. построить стол.В tbody используйте state.map и возвращайте строки.

Для не редактируемого текстового поля сделайте его доступным только для чтения.