React two way binding

One way binding react

In our case, it is easy to identify that the state should reside in the “Parent” component.

const [text, setText] = useState(“Hello”);

Now, what do we do to the “Parent” component? We pass the callback function as a prop from the parent component.

<Child changeText={(text) => setText(text)} />

Now we need a callback function in the “Child” component that is triggered when the button is clicked.

<button onClick={() => props.changeText(“World”)}>

Source: dev.to

Similar codes

0 vote231 views1 answer
React merge two objects
Javascript React
3 votes246 views1 answer
React get method
Javascript React
0 vote259 views1 answer
How to make the width of a react native element adjust according to the contents
Javascript React
0 vote249 views1 answer
Apache react deploy "conf"
Javascript React
0 vote291 views1 answer
React-hook-form image
Javascript React
4 votes263 views2 answers
Countdown in react js
Javascript React
0 vote283 views1 answer
How to get css property of div after rendering in react js
Javascript React
0 vote288 views1 answer
React js bootstrap select option required
Javascript React
0 vote228 views2 answers
How to add fcc cdn to local react projcet
Javascript React
0 vote261 views1 answer
Retour à la ligne react native
Javascript React