Javascript 如何获取特定的行参数并在React表中向其发送API调用?

Javascript 如何获取特定的行参数并在React表中向其发送API调用?,javascript,reactjs,html-table,Javascript,Reactjs,Html Table,我正在使用React Table()。我调用一个API并用表中的数据填充表。在最后一列中,我添加了一个按钮,单击该按钮应: 获取所选行的参数(例如,获取特定行中显示的名称和id) 然后,它将调用一个API并进行POST调用,在上一步中接收到的参数将在正文中发送 一旦从POST调用中获得成功响应,我将调用另一个API刷新表并重新加载它。我使用了下面的示例API来说明我的代码 我的表实现如下: class TableExp extends React.Component { co

我正在使用React Table()。我调用一个API并用表中的数据填充表。在最后一列中,我添加了一个按钮,单击该按钮应:

  • 获取所选行的参数(例如,获取特定行中显示的名称和id)
  • 然后,它将调用一个API并进行POST调用,在上一步中接收到的参数将在正文中发送
  • 一旦从POST调用中获得成功响应,我将调用另一个API刷新表并重新加载它。我使用了下面的示例API来说明我的代码
我的表实现如下:

    class TableExp extends React.Component {
    constructor() {
    super();

this.state = {
  tableData: [
    {
      ID: '',
      resourceType: '',
      Name: '',
      dealerID: '',
    },
  ],
 };
}
实现按钮所在列的代码如下:

    columns: [
            {
              filterable: false,
              Header: 'Action',
              accessor: 'action',
              Cell: (e) => (
                <button
                    onClick={() => {
                      console.log('CLicked value');
                      axios.post('https://reqres.in/api/users', {
                        headers: {},
                        data: {
                          "name":"Test",
                          "ID":"TestJob"
                        },
                        responseType: 'json',
                      })
                    .then((response) => {
                      console.log(response.data);
                      axios.get('https://reqres.in/api/users', {
                       headers: {},
                       responseType: 'json',
                      })
                    .then((response) => {
                      this.setState({ tableData: response.data });
                    });
                   });
                  }}
                    className="btn btn-primary"
                >
                Claim
                </button>
              ),
            },
          ],
列:[
{
可过滤:false,
标题:“操作”,
访问器:“操作”,
单元格:(e)=>(
{
log('CLicked value');
轴心柱https://reqres.in/api/users', {
标题:{},
数据:{
“名称”:“测试”,
“ID”:“TestJob”
},
responseType:'json',
})
。然后((响应)=>{
console.log(response.data);
axios.get()https://reqres.in/api/users', {
标题:{},
responseType:'json',
})
。然后((响应)=>{
this.setState({tableData:response.data});
});
});
}}
className=“btn btn主要”
>
宣称
),
},
],
通过上面的实现,我能够调用API并发出POST请求(发送硬编码的body参数值),但我的问题是如何从React表中获取参数(来自所选行),并将其包含在POST调用的body中?Im仅将React用于状态管理,而不使用Redux。

请参阅

  • -数据中的原始行
  • -从原始行后期访问的值
  • 索引
    -行的索引
  • viewIndex
    -相对于当前页面的行索引
遵循您的代码:

单元:(e)=>(
轴心柱https://reqres.in/api/users', {
标题:{},
数据:{
...,
价值:e.rowValue,
},
responseType:'json',
})
)