如何调用函数女巫返回值是材料表的数据源?

Question

所以我让材料表组件女巫从函数中获取数据，该函数使用数据库中的过滤器获取它。现在的问题是我有道具应该重新渲染该表，但这不会发生。我不能在需要时简单地调用该函数。我尝试使用引用，但它无济于事，或者我就是做不到。代码是这样的：

const ajax = (params) => {
.
.
.
return {
data: result.data
}
}
return (<>
<MaterialTable data={ajax}>
</>
)

Answer 1

您是否尝试将 ajax 返回的值传递给 state？

state = {
data: [],
};
const ajax = async (params) => {
const data = await fetch("endpoint")
.then(res =>{this.setState({data: })})
.catch(err => {
//error handler
});
}
render(){
return(
<MaterialTable data={this.state.data}/>
)
}

让我知道我的代码是如何工作的。 或尝试在此处分享您的完整代码

Answer 2

该引用内容工作正常：

import React from 'react'
const tableRef = React.createRef
const App = (props) => {
tableRef?.current.onQueryChange()
const ajax = (params) => {
.
.
.
return data
}
return (MaterialTable data={ajax} tableRef={tableRef}...)
}