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

2 votes428 views3 answers
How to get current date in react js
Javascript React
15 votes433 views3 answers
Image source react native
Javascript React
1 vote375 views1 answer
React native create view dynamically
Javascript React
0 vote394 views1 answer
Number format reactjs
Javascript React
17 votes385 views3 answers
React canvas clear
Javascript React
1 vote382 views1 answer
How to detect onend reach of scrollview in react native
Javascript React
0 vote581 views1 answer
How to place text over image in react
Javascript React
0 vote400 views2 answers
How to run react builed version
Javascript React
0 vote395 views1 answer
Onpress not working with usestate react native
Javascript React
2 votes417 views1 answer
How to add bootstrap by downloading in react js
Javascript React