React.js getElementByIdメソッドを使用してIDを取得するにはどうすればよいですか？

Question

スタートは最近React.jsを学び、次のような問題に遭遇します enter image description here

私はgetElementByIdを使用してdiv要素を取得したいが、それは動作しませんし、コンソール警告can not read property 'props' of nullを。では、どうすればdiv要素を入手できますか？数時間悩まされています。おかげさまで

Answer 1

Reactのアイディア全体は、DOMにアクセスするのではなく、仮想DOMで作業するということです。

達成しようとしていること（コードが不完全であるために少し不明）は、this.stateにユーザー入力を格納するstateful componentを使用することをお勧めします。反応フォームのthis pageをチェックしてください。

あなたがコンポーネント上に格納することで、ユーザー入力を追跡しているところ、このような何かをしたいと思う：

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> 
    ); 
    } 
}