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

时间:2019-11-05 12:43:28

标签: reactjs select event-handling material-ui onchange

如何在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>     
  ))
}

表行是这样

enter image description here

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

请提出建议

1 个答案:

答案 0 :(得分:0)

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

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