使用React JS显示和修改JSON数据(显示在表中)

时间:2019-05-08 19:52:37

标签: css json reactjs html-table

我对React to JS非常陌生,这也是我对社区的第一个问题,请帮助我。

我想创建一个表,该表将显示JSON文件中的数据(每页应显示约50行),我还需要具有修改同一表中的数据并稍后更新JSON内容的功能相应地。

我需要在表中具有以下类型的单元格:常规不可编辑文本框,可编辑文本框,选择列表(显示另一个JSON文件中的数据),数字字段,日历等。

我知道对于许多人来说这可能是一个愚蠢的问题,但请帮助我了解如何解决此问题。

(我不要求提供有效的代码,请帮助我开始使用它。)

谢谢。

2 个答案:

答案 0 :(得分:0)

对于表格: 1.创建一个组件 2.将json值存储在state中。 3.构造表。在tbody中使用state.map并返回行。

对于不可编辑的文本框,请使其为只读。

答案 1 :(得分:0)

大量github上的库可以满足您的需求。

例如:

还有很多其他方法,应根据您的详细要求使用哪种方法,然后找到最合适的方法。