如何为react中的子函数提供参数？

// 父组件
function ParentComponent() {
  const parameter = "Hello, World!";
  return <ChildComponent parameter={parameter} />;
}

// 子组件
function ChildComponent(props) {
  return <div>{props.parameter}</div>;
}

// 创建Context对象
const ParameterContext = React.createContext();

// 父组件
function ParentComponent() {
  const parameter = "Hello, World!";
  return (
    <ParameterContext.Provider value={parameter}>
      <ChildComponent />
    </ParameterContext.Provider>
  );
}

// 子组件
function ChildComponent() {
  const parameter = React.useContext(ParameterContext);
  return <div>{parameter}</div>;
}

// 定义路由
<Route path="/example/:parameter" component={ChildComponent} />

// 子组件
function ChildComponent(props) {
  const parameter = props.match.params.parameter;
  return <div>{parameter}</div>;
}