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

18 votes254 views6 answers
React native android build
Javascript React
0 vote265 views1 answer
Standalone form inside reactive form
Javascript React
1 vote276 views3 answers
React native port
Javascript React
1 vote271 views1 answer
Reactjs change window name
Javascript React
31 votes261 views1 answer
Install react router dom and save
Javascript React
5 votes255 views3 answers
How to open a new tab in react
Javascript React
-1 vote247 views8 answers
React native
Javascript React
2 votes426 views2 answers
Select option in reactive forms
Javascript React
0 vote249 views1 answer
React fetch request with content type x-www-form-urlencoded
Javascript React
1 vote273 views1 answer
Vim react snippets
Javascript React