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

Javascript 将Open OnClick事件添加到脚本(React/JSX),javascript,css,menu,reactjs,react-jsx,Javascript,Css,Menu,Reactjs,React Jsx,我们有一个用JavaScript构建的菜单(React/JSX)。通过样式设置,手动项目在悬停时打开 我的问题是: 与使用CSS在悬停时打开菜单不同,我可以在代码中的何处添加OnClick事件,以便它使用JavaScript打开菜单 单击菜单外的区域时,是否有关闭菜单的方法?如果是这样的话,他们可以住在哪里?会是什么 var LanguageList=React.createClass({ render:function(){ 返回DOM.div({'id':'language menu','c

我们有一个用JavaScript构建的菜单(React/JSX)。通过样式设置,手动项目在悬停时打开

我的问题是:

  • 与使用CSS在悬停时打开菜单不同,我可以在代码中的何处添加OnClick事件,以便它使用JavaScript打开菜单

  • 单击菜单外的区域时,是否有关闭菜单的方法?如果是这样的话,他们可以住在哪里?会是什么

    var LanguageList=React.createClass({ render:function(){ 返回DOM.div({'id':'language menu','className':'language menu'}, DOM.a({'id':'language-selected', 'className':'lm-arrow lang item', “href”:”, “标题”:“谷歌”, “危险的西汀受体HTML”:{ “\uu html”:“谷歌” }}) ,DOM.ul({ “id”:“语言列表”, 'className':'language list'} ,DOM.li({},DOM.a({'className':'lang-item', “href”:”, “标题”:“站点1”, “危险的西汀受体HTML”:{ “\uu html”:“Site1” }}))


  • 在渲染定义之前定义处理程序函数,然后将此函数用作onClick属性的值

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

    谢谢你,ungarida。这里是什么:{…}?这是你想触发onClick事件的代码,这是你在第1部分中提到的代码)。我的建议就是。确保下次你的问题格式更好。这里的大多数人都很忙,如果你这样问,他们不会试图解码你的问题。你真的应该感谢他们“Davide Ungari”感谢你的回答。