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 vote223 views1 answer
Handling props in functional components reactjs ijnterview questions
Javascript React
12 votes187 views2 answers
How to integrate redux dev tool to react application
Javascript React
0 vote175 views1 answer
React native datepicker disable future dates
Javascript React
0 vote200 views1 answer
React native notify user for new version of app
Javascript React
0 vote180 views1 answer
React native textinput lowercase
Javascript React
2 votes167 views1 answer
How to add multiple style attributes in react element
Javascript React
0 vote156 views1 answer
React import json
Javascript React
0 vote198 views1 answer
Import batch from 'react-redux'
Javascript React
0 vote198 views1 answer
Reactjs exemple function component
Javascript React
0 vote171 views1 answer
Button react native style
Javascript React