Javascript 如何获取特定的行参数并在React表中向其发送API调用?
我正在使用React Table()。我调用一个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
- 获取所选行的参数(例如,获取特定行中显示的名称和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',
})
)