Javascript React.js如何使用getElementById方法获取道具中的id？

最近开始学习React.js，遇到以下问题：

我想使用

getElementById

获取

div

元素，但它不起作用，控制台警报

无法读取null的属性“props”。那么如何获取
div
元素呢？这件事困扰了我好几个小时。
谢谢。
React的整个理念是，您不访问DOM，而是使用虚拟DOM

要实现您试图实现的目标（由于代码不完整，这一点有点不清楚），您需要使用存储用户输入到
this.state
。查看React表单

您将需要执行以下操作，通过将用户输入存储在组件上来跟踪用户输入：

class NameForm extends React.Component {
  constructor(props) {
    super(props);
    this.state = {value: ''};

    this.handleChange = this.handleChange.bind(this);
    this.handleSubmit = this.handleSubmit.bind(this);
  }

  handleChange(event) {
    this.setState({value: event.target.value});
  }

  handleSubmit(event) {
    alert('A name was submitted: ' + this.state.value);
    event.preventDefault();
  }

  render() {
    return (
      <form onSubmit={this.handleSubmit}>
        <label>
          Name:
          <input type="text" value={this.state.value} onChange={this.handleChange} />
        </label>
        <input type="submit" value="Submit" />
      </form>
    );
  }
}

类名称表单扩展了React.Component{
建造师（道具）{
超级（道具）；
this.state={value:''}；
this.handleChange=this.handleChange.bind（this）；
this.handleSubmit=this.handleSubmit.bind（this）；
}
手变（活动）{
this.setState（{value:event.target.value}）；
}
handleSubmit（事件）{
警报（“已提交名称：”+this.state.value）；
event.preventDefault（）；
}
render（）{
返回(
姓名：
);
}
}
Hi Dada Jiao——欢迎来到StackOverflow。你可能想复习一下。通常，将链接包含到代码图像中被认为是不好的做法。最好在问题本身中包含代码，并明确解释出了什么地方出了问题。除此之外，我还想提醒您，React通常不完全是那种直接的DOM操作——如果您真的需要DOM引用审阅的话——但是请注意，这通常是不必要的。使用REF而不是直接访问DOM，您可以参考这个答案，非常感谢！我试过你的方法，效果很好！伟大的如果您对答案感到满意，请将其标记为正确并关闭此问题。