[docs] - Provide more clarity about destructuring props over rest spread.

Fixes #7

Author: beefancohen

docs/rules/img-has-alt.md

@@ -41,7 +41,31 @@ To tell this plugin to also check your `Image` element, specify this in your `.e
 }
 ```
 
-Note that passing props as spread attribute without `alt` explicitly defined will cause this rule to fail. Explicitly pass down `alt` prop or use `role="presentation"` for rule to pass. Use `Image` component above as a reference for destructuring and applying the prop. **It is a good thing to explicitly pass props that you expect to be passed for self-documentation.**
+Note that passing props as spread attribute without `alt` explicitly defined will cause this rule to fail. Explicitly pass down `alt` prop or use `role="presentation"` for rule to pass. Use `Image` component above as a reference for destructuring and applying the prop. **It is a good thing to explicitly pass props that you expect to be passed for self-documentation.** For example:
+#### Bad
+```jsx
+function Foo(props) {
+  return <img {...props} />
+}
+```
+
+#### Good
+```jsx
+function Foo({ alt, ...props}) {
+    return <img alt={alt} {...props} />
+}
+
+// OR
+
+function Foo(props) {
+    const {
+        alt,
+        ...otherProps
+    } = props;
+
+   return <img alt={alt} {...otherProps} />
+}
+```
 
 ### Succeed
 ```jsx

docs/rules/label-has-for.md

@@ -42,7 +42,31 @@ To tell this plugin to also check your `Label` element, specify this in your `.e
 }
 ```
 
-Note that passing props as spread attribute without `htmlFor` explicitly defined will cause this rule to fail. Explicitly pass down `htmlFor` prop for rule to pass. The prop must have an actual value to pass. Use `Label` component above as a reference. **It is a good thing to explicitly pass props that you expect to be passed for self-documentation.**
+Note that passing props as spread attribute without `htmlFor` explicitly defined will cause this rule to fail. Explicitly pass down `htmlFor` prop for rule to pass. The prop must have an actual value to pass. Use `Label` component above as a reference. **It is a good thing to explicitly pass props that you expect to be passed for self-documentation.** For example:
+#### Bad
+```jsx
+function Foo(props) {
+  return <label {...props} />
+}
+```
+
+#### Good
+```jsx
+function Foo({ htmlFor, ...props}) {
+    return <label htmlFor={htmlFor} {...props} />
+}
+
+// OR
+
+function Foo(props) {
+    const {
+        htmlFor,
+        ...otherProps
+    } = props;
+
+   return <label htmlFor={htmlFor} {...otherProps} />
+}
+```
 
 ### Succeed
 ```jsx