Question

我有一个简单的电子笔记应用程序并尝试在React上移动它 https://gitlab.com/ditsikts/quicknotes/tree/master 这是我的组件

var bttnSetting = React.createClass({
    handleClick: function () {
        if (document.getElementById("settingsMenu").style.display == "none") {
            document.getElementById("settingsMenu").style.display = "block";
        } else {
            document.getElementById("settingsMenu").style.display = "none";
        }
    },
    render: function () {
      return (
        <div>
            <p><button onClick={this.handleClick}>Settings</button></p>
        </div>
      );
    }
  });
  ReactDOM.render(
    <bttnSetting />,
    document.getElementById('buttons')
  );

使用一个按钮（设置）工作正常，当我添加第二个非渲染

时

<body onload="fillTxtArea()" style="-webkit-app-region: drag;">
    <div id="buttons"></div>
    <div id="settingsMenu" style="display:block;">

我做错了什么？关于devtools <div id="buttons"></>包含此

<bttnsetting data-reactroot=""></bttnsetting>

React，两个按钮组成一个组件

0 个答案: