反应中没有触发bootstrap复选框按钮

时间:2017-06-26 15:03:43

标签: twitter-bootstrap reactjs

我想在react中重写https://v4-alpha.getbootstrap.com/components/buttons/#checkbox-and-radio-buttons。请审核https://codepen.io/gamesover/pen/MoExWo?editors=1111。有两个问题

  1. 点击checkbox1handleChange未触发
  2. 鉴于checkbox1初始状态为on,请点击checkbox1,其状态变为off。但是,背景颜色仍然很暗,你必须在其他地方点击以使按钮背景颜色变亮(关闭状态)

2 个答案:

答案 0 :(得分:1)

答案是参考您的codepen示例。

背景颜色取决于“活跃”类。如果更改已检查状态,我认为活动类没有变化。 我用反应设置创建了一个简单的github repository。并按预期工作。请检查一次,如果这解决了您的问题,请告诉我。

附加您要打印的控制台消息的屏幕截图。

enter image description here希望有所帮助。

答案 1 :(得分:0)

我已经在本地尝试了一个反应设置的示例,并且控制台打印了handleChange的消息。但是,在codepen中它没有被打印,可能是一个codepen问题。您是否在本地反应设置上尝试过此操作?如果没有,请检查一下可能是一个codepen问题。