使用typescript向子react元素添加所需的道具

interface ChildProps {
  message: string;
}

import React from 'react';

const ChildComponent: React.FC<ChildProps> = ({ message }) => {
  return <div>{message}</div>;
};

const ParentComponent: React.FC = () => {
  return <ChildComponent message="Hello, World!" />;
};

import React from 'react';

class ChildComponent extends React.Component<ChildProps> {
  render() {
    const { message } = this.props;
    return <div>{message}</div>;
  }
}

const ParentComponent: React.FC = () => {
  return <ChildComponent message="Hello, World!" />;
};