diff --git a/react/getting_started_with_react/passing_data_between_components.md b/react/getting_started_with_react/passing_data_between_components.md index b36f5b0fbb..223f7f650b 100644 --- a/react/getting_started_with_react/passing_data_between_components.md +++ b/react/getting_started_with_react/passing_data_between_components.md @@ -123,7 +123,7 @@ export default function App() { ### Default props -You may have noticed in the above examples that there is some repetition when defining props on the `Button` components within `App`. In order to stop repeating ourselves re-defining these common values, and to protect our application from undefined values, we can define default parameters to set default values for props. +You may have noticed in the above examples that there is some repetition when defining props on the `Button` components within `App`. In order to stop repeating ourselves by re-defining these common values, and to protect our application from undefined values, we can define default parameters to set default values for props. ```jsx function Button({ text = "Click Me!", color = "blue", fontSize = 12 }) { @@ -247,7 +247,7 @@ export default function App() { } ``` -When supplying an argument to the function we can't just write `onClick={handleClick('www.theodinproject.com')}`, and instead must attach a reference to an anonymous function which then calls the function with the argument. Like the previous example, this is to prevent the function being called during the render. +When supplying an argument to the function, we can't just write `onClick={handleClick('www.theodinproject.com')}`, and instead must attach a reference to an anonymous function which then calls the function with the argument. Like the previous example, this is to prevent the function being called during the render.