如何在情绪中将道具传递给样式组件？使用TypeScript

interface Props {
  emotion: string;
}

import React from 'react';

const StyleComponent: React.FC<Props> = (props) => {
  const { emotion } = props;

  return (
    <div>
      <p>当前情绪：{emotion}</p>
    </div>
  );
};

export default StyleComponent;

import React from 'react';
import StyleComponent from './StyleComponent';

const ParentComponent: React.FC = () => {
  const emotion = 'happy';

  return (
    <div>
      <StyleComponent emotion={emotion} />
    </div>
  );
};

export default ParentComponent;