React Material-Table 如何传递 rowData 参数?
React Material-Table how to pass rowData argument?
我一直在尝试使用 material-table 进行反应,我的代码从 API 中获取数据,然后我必须打开一个弹出窗口 window这将调用另一个 API,为此我需要 rowData.ID_value_to_call.
目前,我只是想查看 rowData,但我似乎找不到正确的语法,因为我不断收到 "rowData' is not defined no-undef"。
此处 Material-Table 的代码:
<MaterialTable
columns = {columnsSetup}
options={{
showTitle: false,
search: false,
filtering: true
}}
onRowClick={(console.log(rowData))} <----- issue right here
data={query =>
new Promise((resolve, reject) => {
let url = GET_ORDERS_URL
url += 'qtt=' + query.pageSize
url += '&page=' + query.page
console.log(url);
fetch(url)
.then(response => response.json())
.then(result => {
resolve({
data: result.data,
page: result.page,
totalCount: result.totalElems
});
})
})
}
/>
onRowClick
的签名为 (event, rowData)
。请参阅此页面上的说明:https://material-table.com/#/docs/all-props
因此,将其更改为:
onRowClick={(event, rowData) => console.log(rowData)};
这是一个具有所需签名的有效函数。您当前的代码是直接调用 console.log
函数,而不是传递单击该行时可以调用的函数。
我一直在尝试使用 material-table 进行反应,我的代码从 API 中获取数据,然后我必须打开一个弹出窗口 window这将调用另一个 API,为此我需要 rowData.ID_value_to_call.
目前,我只是想查看 rowData,但我似乎找不到正确的语法,因为我不断收到 "rowData' is not defined no-undef"。
此处 Material-Table 的代码:
<MaterialTable
columns = {columnsSetup}
options={{
showTitle: false,
search: false,
filtering: true
}}
onRowClick={(console.log(rowData))} <----- issue right here
data={query =>
new Promise((resolve, reject) => {
let url = GET_ORDERS_URL
url += 'qtt=' + query.pageSize
url += '&page=' + query.page
console.log(url);
fetch(url)
.then(response => response.json())
.then(result => {
resolve({
data: result.data,
page: result.page,
totalCount: result.totalElems
});
})
})
}
/>
onRowClick
的签名为 (event, rowData)
。请参阅此页面上的说明:https://material-table.com/#/docs/all-props
因此,将其更改为:
onRowClick={(event, rowData) => console.log(rowData)};
这是一个具有所需签名的有效函数。您当前的代码是直接调用 console.log
函数,而不是传递单击该行时可以调用的函数。