【问题标题】:bootstrap checkbox button did not triggered in react引导复选框按钮未在反应中触发
【发布时间】:2017-11-29 11:19:21
【问题描述】:

我想在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。但是背景颜色还是很暗,你必须点击其他地方才能使按钮背景颜色变亮(关闭状态)

【问题讨论】:

    标签: twitter-bootstrap reactjs


    【解决方案1】:

    答案是参考您的 codepen 示例。

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

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

    希望对您有所帮助。

    【讨论】:

    • 非常感谢您的示例。看来我的本地 git 存储库存在一些问题。我测试了你的,一切都好!再次感谢你证明我错了:)
    • 没问题..很高兴它有帮助!
    【解决方案2】:

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

    【讨论】:

    • 是的,它在本地不起作用,所以我在 codepen 中进行了测试。您可以参考https://github.com/gamesover/cryptocurrency_trend 并使用`
    • 我在您的 codepen 示例中添加了一个新答案。 github.com/react-bootstrap/react-bootstrap/issues/15‌​87 链接失效。
    猜你喜欢
    相关资源
    最近更新 更多
    热门标签