Javascript 反应子组件不'；不响应单击事件

我遇到一个问题，组件没有在按钮单击上触发单击事件

票面

render（）{
返回(


);

球员桌

render（）{
设tbl=this.buildTable（）；
返回(
测试
球员
{tbl}


);
}

当我点击

PlayerTable

上的按钮时，什么都没有发生。它应该有一个警报框

---

谢谢！

在您的情况下，它不起作用的原因应该是函数引用

分配单击事件的最佳方法是在

createClass

方法中执行

JS

 <button onClick={this.handleClick}>test</button>

   handleClick: function(event) {
      alert("test")
    },

测试
handleClick:函数（事件）{
警报（“测试”）
},

---

我个人会避免在内联HTML中包含函数定义。

问题是我有onclick而不是onclick

---

谢谢！

试试这个。在这种情况下，你应该使用

{}

而不是

'

，你还需要传递到

onClick

函数本身的引用，而不是函数本身，你可以使用ES6箭头函数，比如，

onClick={（）=>alert（1）}

由于某些原因，这不起作用。如果我在主页上放置一个按钮也不起作用

render() {
  let tbl = this.buildTable();

  return (
    <div className="PlayersTable">
      <div className="PlayersTable-container">

        <button onclick='alert("test")'>test</button>

        <h1 className='heading'>Players</h1>
        {tbl}
        <br />
      </div>
    </div>
  );
}

 <button onClick={this.handleClick}>test</button>

   handleClick: function(event) {
      alert("test")
    },