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 vote147 views1 answer
Autofocus is not working in react native
Javascript React
1 vote138 views3 answers
Antd react
Javascript React
12 votes95 views3 answers
React form hook npm
Javascript React
5 votes146 views3 answers
Fetch in react
Javascript React
2 votes150 views1 answer
Display image as big as possible react native
Javascript React
0 vote133 views7 answers
How to generate debug build in react native
Javascript React
3 votes176 views1 answer
React hooks send data from child to parent
Javascript React
0 vote138 views1 answer
Bootstrap modal disable close on click outside react bootstrap
Javascript React
4 votes163 views1 answer
How to use font awewsome in react app
Javascript React
59 votes147 views3 answers
Npm react router dom
Javascript React