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 vote158 views1 answer
How to clear text ibput after message sent react native
Javascript React
0 vote99 views1 answer
Create react app ssl
Javascript React
0 vote147 views1 answer
Usenavigate react router dom v6
Javascript React
0 vote183 views2 answers
Disable a button react
Javascript React
0 vote137 views1 answer
Moment all formats in reactjs
Javascript React
2 votes155 views1 answer
Cursor to pointer in react
Javascript React
0 vote139 views1 answer
Header logo react native doesn't show
Javascript React
18 votes142 views3 answers
Add object to array react hook
Javascript React
32 votes169 views1 answer
How to use react router
Javascript React
0 vote155 views1 answer
Fetchutils in react admin
Javascript React