如何在typescript和props中使用样式化API

import React from 'react';

interface MyComponentProps {
  style: React.CSSProperties;
}

const MyComponent: React.FC<MyComponentProps> = ({ style }) => {
  return <div style={style}>Hello, World!</div>;
};

export default MyComponent;

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

const App: React.FC = () => {
  const myComponentStyle: React.CSSProperties = {
    color: 'red',
    fontSize: '20px',
    fontWeight: 'bold',
  };

  return <MyComponent style={myComponentStyle} />;
};

export default App;