Question

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

我的问题：

而不是使用CSS在悬停时打开菜单，我可以在代码中添加一个OnClick事件，以便用JavaScript打开菜单吗？
当单击菜单外的区域时，有没有办法关闭菜单？如果是这样，那么可能存在于哪里以及它会是什么？

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

Answer 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.

将Open OnClick事件添加到脚本（React / JSX）

1 个答案: