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

Question

我想创建一个表格标题并在表格上方添加一个按钮，单击该按钮会在表格中添加一个新行。

标签： react-nativereact-native-androidreact-native-navigation

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>
 );
}