Breaking News: Grepper is joining You.com. Read the official announcement!

one way binding react

Mystic Dev answered on August 10, 2021 Popularity 10/10 Helpfulness 2/10

answer one way binding react

one way binding react

Comment

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”)}>

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: dev.to

Tags: binding javascript

Link to this answer
Share Copy Link

Contributed on Aug 10 2021

Mystic Dev

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

one way binding react

Contents

More Related Answers

one way binding react

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.