Avoid re-render (so editable input blur) when parent container renders

[ibc]

Currently, as far as the parent component is rendered, the RIEInput component is also rendered so, even if the user was editing the input, the RIEInput assumes that the parent has provided him with a new value and hides the <input> (producing mouse blur and so on).

So finally, I had to write a simple wrapper component which just holds a RIEInput component, and implements shouldComponentUpdate(nextProps, nextState) returning false if the newProps.value === this.props.value.

Of course, this makes imposible for the parent component to change other RIEInput props such as `className, and so on, but it becomes much more easier to use.

So, shouldn't RIEInput internally implement something like this?

[timminkov]

I'm here three years later looking for a solution for this, and now considering writing my own editable text area 😆