为什么 react-bootstrap 的 Progressbar 不起作用？

Question

我正在使用 React 引导库中的 ProgressBar，我不知道为什么它不能正常工作

这是代码

<div>
 <p>{selectedOption_1 ? <span><b>Your Choice</b> &#128073; &nbsp;</span> : null}  {props.location.state.option1}</p>
 <p style={{fontSize: "small"}}>Votes: {props.location.state.optionOneVotes}  </p>
 <ProgressBar now={optionOnePercentage} animated variant="warning" striped label={`${optionOnePercentage}%`} />
 </div>

即使我通过硬编码值，结果也是一样的

<ProgressBar now={60} />
<ProgressBar now='60' animated variant="warning"  />

Answer 1

尝试传递一个常量值并测试它是否有效

问题可能是你试图从 props 或 state 传递optionOnePercentage而你忘记写了

由于没有太多的代码问题可以在任何地方

编辑 1

尝试包括

import 'bootstrap/dist/css/bootstrap.min.css'

如果您使用npx create-react-app创建了应用程序，则在index.js文件中