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
Npm react animation
Javascript React
0 vote213 views1 answer
React-multi-carousel don't work
Javascript React
0 vote216 views1 answer
React js marked import and use
Javascript React
94 votes250 views6 answers
Install react router
Javascript React
0 vote221 views1 answer
React native height full
Javascript React
0 vote214 views1 answer
Preview image before upload reactjs
Javascript React
3 votes191 views1 answer
React hooks delete item from array
Javascript React
0 vote201 views1 answer
React native set variable key in loop
Javascript React
0 vote255 views1 answer
React chrome get language
Javascript React
34 votes201 views3 answers
React-router
Javascript React