带reactjs和bootstrap的下拉菜单

Question

我很难弄清楚如何使此下拉列表真正起作用。 该按钮可以正常显示，但不会下拉。 关于我在这里缺少什么的任何想法？ 相当确定我需要一个onClick函数，但不确定要控制什么才能使其下拉。

var Dropdownbutton = React.createClass({
displayName: 'Dropdownbutton',
render: function() {
    return el.div(null,
      el.div({className: 'col-xs-12 col-md-6 col-lg-3'},
        el.div({className:'btn-group'},
          el.a({href:'#',className:'btn btn-primary'},'Primary'),
          el.a({href:'#',className:'btn btn-primary dropdown-toggle', "data-toggle":'dropdown'},el.span({className:'caret'},'')),
          el.ul({className:'dropdown-menu'},
            el.li(null,el.a({href:'#'},'Action')),
            el.li(null,el.a({href:'#'},'Another action')),
            el.li(null,el.a({href:'#'},'Something else here')),
            el.li({className:'divider'},''),
            el.li(null,el.a({href:'#'},'Separated link'))
          )
        )
      )
    );
}

});

Answer 1

从我可以推断出你没有带班下拉一个部门。 对您的代码稍作更改应该可以。

var Dropdownbutton = React.createClass({
displayName: 'Dropdownbutton',
render: function() {
    return el.div(null,
      el.div({className: 'dropdown col-xs-12 col-md-6 col-lg-3'},
        el.div({className:'btn-group'},
          el.a({href:'#',className:'btn btn-primary'},'Primary'),
          el.a({href:'#',className:'btn btn-primary dropdown-toggle', "data-toggle":'dropdown'},el.span({className:'caret'},'')),
          el.ul({className:'dropdown-menu'},
            el.li(null,el.a({href:'#'},'Action')),
            el.li(null,el.a({href:'#'},'Another action')),
            el.li(null,el.a({href:'#'},'Something else here')),
            el.li({className:'divider'},''),
            el.li(null,el.a({href:'#'},'Separated link'))
          )
        )
      )
    );
}

});