在Reactjs中单击按钮时创建一个表

Question

输入图像描述在这里需要创建一个相同的新表与上面显示的标题，当显示按钮被点击。它应该创建一个没有数据但标题相同的表该表应该在每次单击show按钮时创建。

Answer 1

const[table,setTable] = useState([ <table>
<tr>
<th>Heading 1</th>
<th>Heading 2</th>
<th>Heading 3</th>
</tr>
</table>])
const crteateNewTable = ()=>{
setTable([...table,<table>
<tr>
<th>Heading 11</th>
<th>Heading 22</th>
<th>Heading 33</th>
</tr>
</table>])
}
return (
<div className="App">
{table}
<button onClick={crteateNewTable} style={{marginTop:"20px"}}> Create Table </button>
</div>

希望这能帮助你找到你想要的