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 vote199 views1 answer
Pagination hook react
Javascript React
1 vote197 views1 answer
React redux actions must be plain objects
Javascript React
-3 votes194 views1 answer
React native share
Javascript React
105 votes268 views1 answer
Create react app scaffolding
Javascript React
0 vote208 views2 answers
Veu js vs angular vs react features
Javascript React
6 votes191 views2 answers
Reactjs .map is not a function
Javascript React
0 vote210 views1 answer
How to run react build locally
Javascript React
0 vote195 views2 answers
Batch react-redux
Javascript React
0 vote154 views2 answers
Syntax attribute same as name react
Javascript React
1 vote199 views1 answer
React manifest.json 404 (not found)
Javascript React