Data bind two inputs in React?

Hi all,

Is it possible to data bind two inputs to each other in React? I’d like to have it that a value changed in one input, changes the value of the other input and vice versa (changing a value in the other input, changes the other input also). So far, I know how to create a data (one-way) binding using the component’s state but since I have to initialize both of the input’s values with state values and an onChange attribute/listener, they will default back to that initial state value. I’m pretty sure that did not make a lot of sense… Perhaps this link will clear things up: https://codepen.io/jonathanbell/pen/PXpoaR

Still learning React - any help is appreciated! :smile:

Oh! Nevermind! I think I got it: https://codepen.io/jonathanbell/pen/PXpoaR