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

4 votes112 views1 answer
Pass parameter to handleclick react
Javascript React
0 vote89 views3 answers
How to use keyextractor in flatlist react native
Javascript React
68 votes148 views3 answers
React add inline styles in react
Javascript React
0 vote134 views1 answer
React native navigate two screens back
Javascript React
0 vote91 views1 answer
React native pdf creater html-to-pdf
Javascript React
0 vote150 views1 answer
React conditional if localhost
Javascript React
1 vote136 views2 answers
React chartjs 2
Javascript React
4 votes149 views1 answer
Open a new tab when clicking on a link react
Javascript React
17 votes186 views5 answers
How to make apk react native
Javascript React
1 vote121 views1 answer
Three.js react
Javascript React