react 中采用TS如何在子组件中对父组件protable进行刷新

在 React 中，子组件不能直接修改父组件的 props，因为 props 是只读的。如果需要在子组件中对父组件的 table 进行刷新，可以通过在父组件中定义一个函数来实现。

首先，在父组件中定义一个刷新 table 的函数，例如：

function refreshTable() {
  // 这里可以执行刷新 table 的逻辑
}

然后，在父组件中将这个函数作为 prop 传递给子组件：

<MyChildComponent onTableRefresh={refreshTable} />

在子组件中，可以通过 props 获取到这个函数，并在需要刷新 table 的时候调用它：

interface Props {
  onTableRefresh: () => void;
}

function MyChildComponent(props: Props) {
  function handleClick() {
    // 这里可以执行需要刷新 table 的逻辑
    props.onTableRefresh();
  }

  return (
    <button onClick={handleClick}>刷新 table</button>
  );
}

这样，当子组件中的按钮被点击时，就会调用父组件传递过来的函数，从而实现刷新 table 的逻辑。