如何使用React Native在单击按钮时向表中添加行

Question

我想创建一个表头，并在表上方添加一个按钮，单击该按钮将向表中添加新行。

Answer 1

仅请参见下面的示例

import React, {useState} from "react";
import "./styles.css";

export default function App() {
   const [rows,setRows] = useState([])

return (
 <div className="App">
   <h1>Header</h1>
   <div>
     {rows.map((item)=>(<div><h1>{item.number}</h1></div>))}
   </div>
  <button onClick={()=>setRows([...rows,{number:rows.length}])}>Add Row</button>
</div>
 );
}