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
Tailwind css toggle switch react
Javascript React
1 vote178 views2 answers
Edit todo list react-redux
Javascript React
5 votes195 views3 answers
Get url react
Javascript React
8 votes188 views4 answers
Get current url react router
Javascript React
0 vote186 views2 answers
How to make a search bar in react django
Javascript React
0 vote180 views1 answer
Relative width and height image react native
Javascript React
0 vote178 views1 answer
React return value from component
Javascript React
0 vote181 views1 answer
Background image not loading from a link react
Javascript React
0 vote182 views1 answer
How to add css based on route react
Javascript React
4 votes209 views2 answers
Hide status bar react native
Javascript React