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 vote313 views1 answer
Typing refs react
Javascript React
0 vote313 views3 answers
How to copy an arry react
Javascript React
0 vote299 views1 answer
How get value of datePicker in react
Javascript React
0 vote312 views1 answer
React date component with word month
Javascript React
0 vote842 views1 answer
Reactjs TypeError: b is undefined
Javascript React
3 votes307 views1 answer
How to use react-fontawesome
Javascript React
4 votes264 views1 answer
React router dom v6 goback
Javascript React
1 vote357 views1 answer
React native get mac address
Javascript React
0 vote316 views1 answer
Reduce to calculate sum react
Javascript React
0 vote356 views1 answer
Coreui react change background color
Javascript React