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 vote329 views1 answer
Open modal on clicking select option in react
Javascript React
0 vote306 views1 answer
Ios react native detect locale
Javascript React
2 votes332 views2 answers
Text number of lines react native
Javascript React
0 vote337 views1 answer
React implicit return
Javascript React
0 vote378 views1 answer
Create react app with vite
Javascript React
0 vote316 views1 answer
React app link description preview
Javascript React
1 vote323 views1 answer
Class Component in ReactJS
Javascript React
1 vote362 views3 answers
React native port
Javascript React
41 votes325 views5 answers
UseRef() in react
Javascript React
0 vote352 views1 answer
Olx clone react
Javascript React