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 vote182 views1 answer
Create react element with string
Javascript React
0 vote217 views1 answer
React native force vertical
Javascript React
0 vote255 views1 answer
React-bootstrap problem-import new version
Javascript React
0 vote224 views1 answer
React hook form reset only one field
Javascript React
2 votes234 views2 answers
Prevent refresh react
Javascript React
0 vote225 views1 answer
React sagas state
Javascript React
1 vote233 views1 answer
Percentage width react native
Javascript React
0 vote282 views1 answer
Icon with label in react native
Javascript React
0 vote250 views1 answer
React big calendar event color
Javascript React
0 vote248 views1 answer
React native typescript nodejs timeout
Javascript React