将Open OnClick事件添加到脚本(React / JSX)

时间:2015-12-18 13:55:24

标签: javascript css menu reactjs react-jsx

我们有一个用JavaScript构建的菜单(React / JSX)。通过造型,manu项目在悬停时打开。

我的问题:

  1. 而不是使用CSS在悬停时打开菜单,我可以在代码中添加一个OnClick事件,以便用JavaScript打开菜单吗?

  2. 当单击菜单外的区域时,有没有办法关闭菜单?如果是这样,那么可能存在于哪里以及它会是什么?

    var LanguageList = React.createClass({     render:function(){       返回DOM.div({' id':'语言菜单',' className':' language-menu'},                  DOM.a({' ID':'语言选择&#39 ;,          ' className':' lm-arrow lang-item',                 ' href':' http://google.com',                 '标题':'谷歌&#39 ;,                  ' dangerouslySetInnerHTML':{                     ' __ html':' Google'                 }})                 ,DOM.ul({         ' id':' language-list',         ' className':' language-list'}             ,DOM.li({},DOM.a({' className':' lang-item',             ' href':' http://google.com/site1',             '标题':'站点1&#39 ;,              ' dangerouslySetInnerHTML':{                 ' __ html':' Site1'             }}))

1 个答案:

答案 0 :(得分:1)

呈现定义之前定义处理函数,然后将此函数用作 onClick 属性的值。

var LanguageList = React.createClass({
    handlerOnClick: function() { ... },
    render: function() {
        return DOM.div({
            'id': 'language-menu',
            'className': 'language-menu'},
            'onClick': this.handlerOnClick,

This documentation should help you as well.