首页 文章

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

提问于
浏览 次
-2

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

我的问题：

  • 而不是使用CSS在悬停时打开菜单，我可以在代码中添加一个OnClick事件，以便用JavaScript打开菜单？

  • 当单击菜单外的区域时，有没有办法关闭菜单？如果是这样，那么可能存在于哪里，它会是什么？

var LanguageList = React.createClass（{render：function（）{return DOM.div（{'id'：'language-menu'，'className'：'language-menu'}，DOM.a（{'id'：'language-selected'，'className'：'lm-arrow lang-item'，'href'：'_ 933333 ', ' title ':' Google ', ' dangerouslySetInnerHTML ': { ' __html ': '谷歌' }}) , DOM.ul({ ' ID ': '语言列表', '的className ': '语言列表'} , DOM.li({}, DOM.a({'的className ':'郎项', ' HREF ': ' http://google.com/site1 ', ' Headers ':'站点1 ', ' dangerouslySetInnerHTML ': { ' __html ': '站点1' }}））

javascript css menu reactjs react-jsx

1 回答

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

    回复于

相关问题