反应：document.getElementById（或onClick）不起作用

Question

单击“生成”按钮后，我希望生成一个随机数并将其放入“ roomid”输入字段，但是单击该按钮后，显示的值仍为0。它猜测这不是onClick的问题，因为确实存在“？”单击按钮后添加到URL。代码有什么问题？非常感谢您的帮助] 1

Answer 1

做这样的事情的实际方法是

class StartStream extends Component {
  state = { randomId: 0 }

  generate = () => {
    this.setState({ randomId: Math.random() * 1000 });
  }

  render() {
    return <div>
      <input type="text" value={this.state.randomId} />
      <button onClick={this.generate}>Generate</button>
    </div>;
  }
}

这是一个正在运行的演示https://jsfiddle.net/tfc3javx/1/