如何调用函数返回值是 Material Table 的数据源？

Question

所以我有 Material Table 组件从函数中获取数据，该函数使用数据库中的过滤器获取数据。现在的问题是我有道具应该重新渲染 table 但那不会发生。我不能在需要时简单地调用该函数。我试过使用这些参考资料，但它无济于事，或者我就是做不到。代码如下：

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

return (<>
    <MaterialTable data={ajax}>
</>
)

Answer 1

您是否尝试将 ajax 返回值传递给状态？

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}...)
}

如何调用函数返回值是 Material Table 的数据源？

How to call function witch returning value is datasource for Material Table?

reactjs

material-table

如何调用函数 返回值是 Material Table 的数据源？

How to call function witch returning value is datasource for Material Table?

reactjs

material-table

如何调用函数返回值是 Material Table 的数据源？