ReactJS - 'valueLink' is deprecated set `value` and `onChange` instead

Question

I am currently learning ReactJS following a tutorial by the excellent Wes Bos, however I have reached a section regarding 2 way data binding and it seems the method Wes is teach

Answer 1

No easy/messy 2-way data binding with modern React!

What console is trying to tell you is that you should use the "value" property to define the value of that input, and the "onChange" property to define the function that will trigger the change.

So, you'd have:

 { onNameChange(event.target.value)}}
/>

And it would be the onNameChange method that would cause your "name" variable to change to the input's new value.

Do note, that onNameChange method would be something you have defined yourself, there's nothing special about it; it could be as elegant or hacky as you'd like. Nowadays, you'd probably want to have it dispatching an action that would update the single source of truth that is your app's state. Take a look at Redux, you do have a lot of learning ahead of you ;-)