React JS在单击按钮时获取表数据

Question

如何在React js中单击按钮获取表数据

我绑定表数据的代码是

item.map(k => (
    <TableRow >
        <TableCell >{k.key}</TableCell>
        {
            k.val.map(r => (
                <TableRow >
                <TableCell>{r}</TableCell>
                </TableRow> 

            ))
        }
        <TableCell >
            <select  onChange={this.getListID} >
                <option value="noImport" >Dont import</option>
                {
                    item && item.map(k => <option key={k.key} value={k.key}>{k.key}</option>)
                }
            </select>
        </TableCell>
    </TableRow>     
  ))
}

表行是这样

我看过示例，但其中的Button包含在row中。我想获取整个表的所有行。

请提出建议

Answer 1

单击按钮，您可以调用API以获取所有数据，然后将该数据存储在某个新变量中并遍历该变量。

您可以使用axios调用API。我建议您使用一个商店，在其中可以存储来自axios的数据，然后轻松地对其进行遍历。