如何将泛型值绑定子组件？

// 父组件
import React, { useState } from 'react';
import ChildComponent from './ChildComponent';

function ParentComponent() {
  const [genericValue, setGenericValue] = useState('Hello World');

  return (
    <div>
      <ChildComponent genericProp={genericValue} />
    </div>
  );
}

export default ParentComponent;

// 子组件 (ChildComponent.js)
import React from 'react';

function ChildComponent(props) {
  return <div>{props.genericProp}</div>;
}

export default ChildComponent;