在react js中创建一个表并从json文件中获取数据

Question

我在react js中有以下字段，我应该能够使用json文件执行crud操作，但不知道json文件是如何创建的。我只知道如何制作UI。所以，如果有人能教我怎么做，我会非常感激。我的代码到现在为止:App.js

import React from 'react'
const App = () => {
return (
<div>
<h3>Create Table</h3>
<hr />
<form className='form'>
<label className= "layout">Layout:</label>
<input
type= "text"
placeholder="select layout"

/>
<label className="name"> Name:</label>
<input 
placeholder="Input Name" 
/>
<label className = "capacity">Capacity:</label>
<input 
type= "text"
placeholder="Enter Number Of Capacity"
/>
<label className= "status">Status:</label>
<input className= "input"
type="checkbox"
/>
<label className="Image">Image:</label>
<button className = "bttn">Choose File</button>
<p className = "para">No file choosen</p>
<button className= "btn">Create Table</button>
<button className= "button">Cancel</button>
</form>
</div>
)
}
export default App

我想知道的是如何创建所有布局，名称，容量和图像的假数据，以便能够选择并能够在表中显示它。

Answer 1

下面是Jsonplaceholder中crud的一个示例:https://codesandbox.io/s/ey0w4?file=/src/index.js

我希望这是有用的，如果你遇到任何问题，告诉我