Fixed a typo in the README. Bumped example app package to React 0.14 to fix an error. Added custom label/value renderer snippet to example App.

Author: bvaughn

README.md

@@ -123,8 +123,8 @@ You can pass the following properties to customize rendered labels and values:
 
 ```js
 <JSONTree
-    labelRenderer={raw => <strong>raw</strong>}
-    valueRenderer={raw => <em>raw</em>}
+    labelRenderer={raw => <strong>{raw}</strong>}
+    valueRenderer={raw => <em>{raw}</em>}
 />
 ```
 

examples/package.json

@@ -38,6 +38,7 @@
   },
   "dependencies": {
     "immutable": "^3.7.4",
-    "react": "^0.13.0"
+    "react": "^0.14.0",
+    "react-dom": "^0.14.5"
   }
 }

examples/src/App.js

@@ -65,6 +65,13 @@ export default class App extends Component {
                     getValueStyle={ getStyle }
                     getItemString={ getItemString }/>
         </div>
+        <h3>More Fine Grained Rendering</h3>
+        <p>Pass <code>labelRenderer</code> or <code>valueRenderer</code>.</p>
+        <div>
+          <JSONTree data={ data }
+                    labelRenderer={raw => <strong>{ raw }</strong>}
+                    valueRenderer={raw => <em>{ raw }</em>} />
+        </div>
       </div>
     );
   }

examples/src/index.js

@@ -1,4 +1,5 @@
+import { render } from 'react-dom';
 import React from 'react';
 import App from './App';
 
-React.render(<App />, document.getElementById('root'));
+render(<App />, document.getElementById('root'));