Reactjs 如何在react、typescript应用程序中使用react引导

Reactjs 如何在react、typescript应用程序中使用react引导,reactjs,typescript,react-bootstrap,Reactjs,Typescript,React Bootstrap,我的package.json中有以下内容作为依赖项 "dependencies": { "@types/react": "16.9.11", "@types/react-bootstrap": "^0.32.20", "@types/react-dom": "16.9.4", "react": "^16.8.6", "react-bootstrap": "^0.33.0", "react-dom": "^16.11.0" } 已在my component.tsx文件中导

我的package.json中有以下内容作为依赖项

"dependencies": {
  "@types/react": "16.9.11",
  "@types/react-bootstrap": "^0.32.20",
  "@types/react-dom": "16.9.4",
  "react": "^16.8.6",
  "react-bootstrap": "^0.33.0",
  "react-dom": "^16.11.0"
}
已在my component.tsx文件中导入react引导

import { Button } from 'react-bootstrap';
尝试使用按钮和变量,如下所示:

<Button variant="primary" >Click Me</Button>
点击我
但是我得到了下面的错误

属性“variant”不存在于类型“intrinsitattributes”上&
IntrinsicClassAttributes&Readonly&Readonly您还需要安装bootstrap并将
bootstrap.min.css
添加到index.js文件遵循文档:您还需要安装bootstrap并将
bootstrap.min.css
添加到index.js文件遵循文档: