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

6 votes238 views1 answer
Create bottom navigation bar react native
Javascript React
10 votes290 views2 answers
Generate random string react
Javascript React
15 votes209 views1 answer
Did you mean to use React.forwardRef()?
Javascript React
0 vote224 views1 answer
Find 401 error and logout axios in react
Javascript React
0 vote232 views1 answer
Timezone in react js
Javascript React
1 vote216 views1 answer
Horizontal scroll onclick react
Javascript React
1 vote228 views1 answer
Node sass version react
Javascript React
59 votes199 views3 answers
Npm react router dom
Javascript React
0 vote221 views1 answer
React if event.target is input
Javascript React
2 votes185 views1 answer
Audio react
Javascript React