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

1 vote210 views1 answer
React native flatlist pull to refresh
Javascript React
0 vote214 views1 answer
How to disable button if errors object isnt empty in react hook form
Javascript React
5 votes167 views1 answer
Add icon material ui
Javascript React
1 vote231 views1 answer
How to delete an object from array in reactjs
Javascript React
0 vote217 views1 answer
React native pure component vs component
Javascript React
2 votes215 views1 answer
React native image source local file
Javascript React
25 votes299 views5 answers
Image react
Javascript React
0 vote245 views1 answer
Nested arrays reactjs tables
Javascript React
4 votes240 views2 answers
Concurrently node react
Javascript React
0 vote264 views1 answer
How to change height of bottom material tab navigator from react-naviagtion
Javascript React