reactjs 如何让在父组件中点击刷新按钮时所有子组件都重新刷新一次

在 React 中，父组件可以通过传递 props 给子组件来触发子组件的重新渲染。所以，如果想在父组件中点击刷新按钮时，让所有子组件都重新刷新一次，可以通过改变父组件的 state，并将 state 作为 props 传递给子组件来实现。

下面是一个示例代码：

import React, { useState } from 'react';

// 子组件
const ChildComponent = ({ refresh }) => {
  return (
    <div>
      <h1>子组件</h1>
      <button onClick={refresh}>刷新</button>
    </div>
  );
};

// 父组件
const ParentComponent = () => {
  const [refreshFlag, setRefreshFlag] = useState(false);

  const handleRefresh = () => {
    setRefreshFlag(!refreshFlag);
  };

  return (
    <div>
      <h1>父组件</h1>
      <button onClick={handleRefresh}>刷新所有子组件</button>
      <ChildComponent refresh={handleRefresh} />
      <ChildComponent refresh={handleRefresh} />
    </div>
  );
};

export default ParentComponent;

在上述代码中，父组件 ParentComponent 中有一个名为 refreshFlag 的 state，用来控制子组件的刷新。当点击父组件中的刷新按钮时，handleRefresh 函数会改变 refreshFlag 的值，从而触发父组件和子组件的重新渲染。子组件 ChildComponent 接收 refresh prop，并在按钮点击时调用该函数，从而实现刷新