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

113 votes300 views6 answers
How to create a new react app
Javascript React
0 vote203 views1 answer
React native webview postmessage example
Javascript React
0 vote190 views1 answer
How to remove the top border from table react bootstrap
Javascript React
0 vote180 views1 answer
React show new app
Javascript React
0 vote135 views2 answers
A function whose declared type is neither 'void' nor 'any' must return a value.
Javascript React
0 vote169 views2 answers
React write into json file
Javascript React
6 votes220 views2 answers
String to html javascript react
Javascript React
0 vote185 views1 answer
Link externo no react
Javascript React
0 vote233 views1 answer
Onclick react history map
Javascript React
1 vote209 views1 answer
React native remove text from string
Javascript React