Bootstrap + React 开发书单维护列表遇到的问题

在codepen上开发，程序和代码见：https://codepen.io/xuefengCrown/full/PKvMEG

1 React 组件嵌套（Composed Components）遇到问题，最后google了半天，删除代码，重新构建，最后解决了。我连问题出在哪儿都不知道。

 

2 在 React 中添加了CSS样式，发现无效；

原因： React中添加class，要使用className=""

 

3 进度条无法显示

google 找到：bootstrap progress bar doesn't render inside react component

https://stackoverflow.com/questions/31716018/bootstrap-progress-bar-doesnt-render-inside-react-component

原因： style={{width: '70%'}}（这是style属性的正确写法，双{{}}）

 

4 根据进度不同，设置不同的进度条颜色

分理出进度条组件（Progressbar），将处理代码放在这里。