时间戳

首页 > 解决方案 > 反应：document.getElementById（或 onClick）不起作用

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

问题描述

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

标签： reactjsonclickgetelementbyid

解决方案

做这样的事情的反应方式是

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/

推荐阅读