javascript - React 从父组件刷新子组件

Question

我正在尝试刷新一个子组件，该子组件是来自一组搜索参数的父组件的数据网格。

return (
    <FormContainer title="Page Header2">
                <AppButton text={"ReloadTable"} type={"button"} **handleClick={() => {
                    tableRefresh = tableRefresh + 1;**
                }}></AppButton>

         
          <DataTable tableData={tableData} tableKeys={tableKeys2}
                    remote={true} remoteUrl="https://jsonplaceholder.typicode.com/users" 
           **refresh={tableRefresh}** />
          
    </FormContainer>

DataTable 是具有数据网格的子功能组件，仅在第一次加载页面时加载。我放置了一个带有整数值 tableRefresh 的刷新属性，每次单击按钮时都会递增，但 DataTable 根本不刷新。

有什么我想念的吗？

标签： javascriptreactjsreact-functional-component