title: reactjs - Input defaultValue is set but not showing
body: <p>Noticed some weirdness that defaultValue is set for input, but sometimes it's not visible when page is refreshed. I have tried console.log then component re-renders multiple times as data is loaded, on the last re-render the component contains the required value, as you can see on screenshot, but it's not shown. Any idea why? Thank you</p>
  
  <pre><code>&lt;input type="text" name={this.props.question.id}
                  defaultValue={defaultValue}
                  onChange={this.onSingleChange.bind({
                      selectAnswer: this.props.selectAnswer,
                      question: this.props.question,
                      form: this.props.fid
                  })}
                  className="form-control"
              /&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/KSWf7.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KSWf7.png" alt="enter image description here"></a></p>