Почему второй cin.ignore () необходим?

Привет, я проверил твой код, и он работает так, как ты ожидал.

Вот вам песочница: https://codesandbox.io/s/7yry1onrq6

Чтобы увидеть изменения после нажатия TextComponent, просто используйте [ 112] реквизит в AreaComponent.

Это пример, отражающий ваш код:

class AreaComponent extends React.Component {
  componentDidUpdate() {
    console.log("update - component");
  }

  componentWillReceiveProps(nextProps) {
    console.log("receive - component");
  }
  render() {
    return 
{this.props.editedValue}
;
  }
}

В приведенном выше примере editedValue корректно меняется после нажатия.