如何在react-bootstrap typescript prop中键入属性

import React from 'react';
import { Button } from 'react-bootstrap';

interface MyButtonProps {
  variant: 'primary' | 'secondary' | 'success' | 'danger'; // 定义variant属性的类型为预定义的字符串
  onClick: () => void; // 定义onClick属性的类型为函数，该函数没有参数并且没有返回值
  disabled?: boolean; // 定义disabled属性的类型为可选的布尔值
}

const MyButton: React.FC<MyButtonProps> = ({ variant, onClick, disabled }) => {
  return (
    <Button variant={variant} onClick={onClick} disabled={disabled}>
      My Button
    </Button>
  );
};

export default MyButton;

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

const App: React.FC = () => {
  const handleClick = () => {
    console.log('Button clicked');
  };

  return (
    <div>
      <MyButton variant="primary" onClick={handleClick} />
      <MyButton variant="secondary" onClick={handleClick} disabled />
    </div>
  );
};

export default App;