React Hook形成了如何使用Typescript将错误作为道具传递

interface ErrorProps {
  message: string;
  code: number;
}

import React from 'react';

const MyComponent: React.FC<ErrorProps> = ({ message, code }) => {
  return (
    <div>
      <p>Error Message: {message}</p>
      <p>Error Code: {code}</p>
    </div>
  );
};

export default MyComponent;

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

const App: React.FC = () => {
  const error = {
    message: 'Something went wrong',
    code: 500,
  };

  return (
    <div>
      <h1>My App</h1>
      <MyComponent {...error} />
    </div>
  );
};

export default App;