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 vote121 views1 answer
Npm: Create react chrome extension
Javascript React
0 vote115 views1 answer
Write button hover in react
Javascript React
11 votes118 views5 answers
React router refresh page
Javascript React
1 vote116 views1 answer
React native grid view
Javascript React
0 vote119 views1 answer
How to rerender a page in React when the user clicks the back button
Javascript React
0 vote115 views1 answer
React native fade in fade out animation
Javascript React
0 vote173 views1 answer
No unuseds varsnreactjs
Javascript React
0 vote123 views1 answer
React-native-restart
Javascript React
0 vote122 views1 answer
React deployment pipeline
Javascript React
0 vote155 views3 answers
'App' is not defined react/jsx-no-undef
Javascript React