title: Notify react components about value change
body: <p>Suppose that I have a component class which is responsible to change any <strong>number</strong> entered into textbox to <strong>text</strong>:</p>
  
  <pre><code>class NumbersToText extends Component {
  
    onChange(event) {
      const { target } = event;
      const { value } = target;
  
      if (hasNumbers(value)) {
        target.value = numbersToText(value);
        // HERE I NEED TO NOTIFY ABOUT CHANGES
      }
    }
  
    render() {
      return (
        &lt;span onChange={this.onChange}&gt;
          {this.props.children}
        &lt;/span&gt;
      );
    }
  }
  </code></pre>
  
  <p>Now the usage would look something like this:</p>
  
  <pre><code>&lt;NumbersToText&gt;
    &lt;input onChange={this.saveValue}
  &lt;/NumbersToText&gt;
  </code></pre>
  
  <p>Let's say that all works, and the value gets changed to text.</p>
  
  <p>Now <strong>the problem</strong> is that after I change numbers to text and assign that value to input <code>onChange</code> handlers are not executed again, thus <code>saveValue</code> is not called with updated value.</p>
  
  <p>How should this problem be approached in order to trigger <code>onChange</code> handlers with new value?</p>