Javascript 如何使用React将引导模式调整为自定义大小

我想在网站上使用Bootstrap的Modal React组件

我想手动设置组件的宽度为X像素

如果可以使用.jsx文件中的const对象设置css，那么这将是首选！但是，如果有必要，我可以使用.css文件

这是我目前的代码：

import React，{Component}来自“React”；
从“反应引导/模式”导入模式；
从“反应引导/按钮”导入按钮；
导入“bootstrap/dist/css/bootstrap.min.css”；
导入“/profile.css”；
类概要文件扩展了React.Component{
状态={
节目：假
};
handleShow=（）=>{
this.setState（{show:true}）；
};
handleHide=（）=>{
this.setState（{show:false}）；
};
render（）{
返回(
轮廓
自定义模态样式

先天性色素痣
这是一个非常重要的问题
多洛雷斯·奎斯·奎斯·奎斯·阿迪皮西时期
实验室负鼠，面部疼痛，腰酸背痛，坐下
准数量的累积量。绝对数量的累积量！
海洋软体动物
面部同侧缺失rem！

);
}
}
导出默认配置文件已修复，只是在html文档上有“%”符号的问题。我改用“大众”，它解决了我的问题
 已修复，只是在html文档上有“%”符号的问题。我改用“大众”，它解决了我的问题