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 vote204 views1 answer
Export variables react
Javascript React
0 vote289 views3 answers
Create react app theme_color
Javascript React
0 vote197 views1 answer
Javascript slider get value react
Javascript React
0 vote229 views1 answer
React props change
Javascript React
1 vote241 views1 answer
React-native razorpay
Javascript React
1 vote206 views1 answer
React demo
Javascript React
1 vote213 views1 answer
Npx create react app Must use import to load ES Module error
Javascript React
13 votes212 views1 answer
React post request
Javascript React
0 vote260 views2 answers
How to run react builed version
Javascript React
10 votes198 views1 answer
Device height react native
Javascript React