edit for grammar

Author: hellobrian

content/docs/jsx-in-depth.md

@@ -245,8 +245,7 @@ function App2() {
 }
 ```
 
-You can also pick specific props that your component will consume while passing all other props using the spread operator. 
-This ensures that the component consumes the `kind` prop only, and passes down all other props via `...other`.
+You can also pick specific props that your component will consume while passing all other props using the spread operator.
 
 ```js{2}
 const Button = props => {
@@ -266,10 +265,10 @@ const App = () => {
 };
 ```
 
-In the example above, the `kind` prop is safely consumed and *is not* passed directly to the `<button>` element in the DOM.
+In the example above, the `kind` prop is safely consumed and *is not* passed on to the `<button>` element in the DOM.
 All other props are passed via the `...other` object making this component really flexible. You can see that it passes an `onClick` and `children` props.
 
-Spread attributes can be useful but not to pass invalid HTML attributes to the DOM. They can also make your code messy by making it easy to pass a lot of irrelevant props to components that don't care about them. We recommend using this syntax sparingly.  
+Spread attributes can be useful but they also make it easy to pass unnecessary props to components that don't care about them or to pass invalid HTML attributes to the DOM. We recommend using this syntax sparingly.  
 
 ## Children in JSX