changes accordingly to suggestions

Author: Fabian Nickel

src/components/MuiTreeView/README.md

@@ -13,7 +13,7 @@ const tree = [
       {
         value: 'Parent C',
         nodes: [
-          { value: 'Child D', id: 'test' },
+          { value: 'Child D', id: 'example-id' },
           { value: 'Child E' },
           { value: 'Child F' },
         ],
@@ -24,7 +24,7 @@ const tree = [
 
 <MuiTreeView
   defaultExpanded
-  onLeafClick={(node) => alert(`${JSON.stringify(node)}`)}
+  onLeafClick={node => alert(JSON.stringify(node))}
   tree={tree}
 />
 ```

src/components/MuiTreeView/index.jsx

@@ -21,7 +21,9 @@ import KeyboardArrowDown from '@material-ui/icons/KeyboardArrowDown';
 const pickClassName = prop('className');
 /** Prop-type for a recursive data structure */
 const tree = {
+  // The node value.
   value: string.isRequired,
+  // Optional node ID. Useful for when the node value is not unique.
   id: oneOfType[(string, number)],
 };
 

src/index.jsx

@@ -30,9 +30,7 @@ const tree = [
 
 class App extends Component {
   /* eslint-disable-next-line no-alert */
-  handleLeafClick = node =>
-    /* eslint-disable-next-line no-alert */
-    alert(`${JSON.stringify(node)} clicked`);
+  handleLeafClick = node => alert(JSON.stringify(node));
 
   render() {
     return (