Fix warnings in docs

stevoland · stevoland · commit 615d9aa2c9fd · 2014-11-19T23:48:17.000Z
diff --git a/docs/client.js b/docs/client.js
@@ -6,4 +6,4 @@ var Root = require('./src/Root');
 // For React devtools
 window.React = React;
 
-React.render(Root(window.INITIAL_PROPS), document);
+React.render(React.createFactory(Root)(window.INITIAL_PROPS), document);
diff --git a/docs/examples/ButtonLoading.js b/docs/examples/ButtonLoading.js
@@ -29,4 +29,4 @@ var LoadingButton = React.createClass({
   }
 });
 
-React.render(LoadingButton(), mountNode);
+React.render(<LoadingButton />, mountNode);
diff --git a/docs/examples/DropdownButtonBasic.js b/docs/examples/DropdownButtonBasic.js
@@ -1,8 +1,8 @@
 var BUTTONS = ['Default', 'Primary', 'Success', 'Info', 'Warning', 'Danger', 'Link'];
 
-function renderDropdownButton(title) {
+function renderDropdownButton (title, i) {
   return (
-      <DropdownButton bsStyle={title.toLowerCase()} title={title}>
+      <DropdownButton bsStyle={title.toLowerCase()} title={title} key={i}>
         <MenuItem eventKey="1">Action</MenuItem>
         <MenuItem eventKey="2">Another action</MenuItem>
         <MenuItem eventKey="3">Something else here</MenuItem>
@@ -16,4 +16,4 @@ var buttonsInstance = (
     <ButtonToolbar>{BUTTONS.map(renderDropdownButton)}</ButtonToolbar>
   );
 
-React.render(buttonsInstance, mountNode);
+React.render(buttonsInstance, mountNode);
diff --git a/docs/examples/Input.js b/docs/examples/Input.js
@@ -39,4 +39,4 @@ var ExampleInput = React.createClass({
   }
 });
 
-React.render(ExampleInput(), mountNode);
+React.render(<ExampleInput />, mountNode);
diff --git a/docs/examples/SplitButtonBasic.js b/docs/examples/SplitButtonBasic.js
@@ -1,8 +1,8 @@
 var BUTTONS = ['Default', 'Primary', 'Success', 'Info', 'Warning', 'Danger'];
 
-function renderDropdownButton(title) {
+function renderDropdownButton (title, i) {
   return (
-      <SplitButton bsStyle={title.toLowerCase()} title={title}>
+      <SplitButton bsStyle={title.toLowerCase()} title={title} key={i}>
         <MenuItem eventKey="1">Action</MenuItem>
         <MenuItem eventKey="2">Another action</MenuItem>
         <MenuItem eventKey="3">Something else here</MenuItem>
@@ -16,4 +16,4 @@ var buttonsInstance = (
     <ButtonToolbar>{BUTTONS.map(renderDropdownButton)}</ButtonToolbar>
   );
 
-React.render(buttonsInstance, mountNode);
+React.render(buttonsInstance, mountNode);
diff --git a/docs/examples/TooltipInCopy.js b/docs/examples/TooltipInCopy.js
@@ -17,4 +17,4 @@ var copyInstance = (
     </p>
   );
 
-React.render(copyInstance, mountNode);
+React.render(copyInstance, mountNode);
diff --git a/docs/src/Root.js b/docs/src/Root.js
@@ -3,10 +3,10 @@
 var React = require('react');
 var Router = require('react-router-component');
 
-var HomePage = require('./HomePage');
-var GettingStartedPage = require('./GettingStartedPage');
-var ComponentsPage = require('./ComponentsPage');
-var NotFoundPage = require('./NotFoundPage');
+var HomePage = React.createFactory(require('./HomePage'));
+var GettingStartedPage = React.createFactory(require('./GettingStartedPage'));
+var ComponentsPage = React.createFactory(require('./ComponentsPage'));
+var NotFoundPage = React.createFactory(require('./NotFoundPage'));
 
 var Locations = Router.Locations;
 var Location = Router.Location;
@@ -53,7 +53,7 @@ var Root = React.createClass({
 
     renderToString: function (props) {
       return Root.getDoctype() +
-        React.renderToString(Root(props));
+        React.renderToString(<Root {...props} />);
     },
 
     /**
@@ -111,7 +111,7 @@ var Root = React.createClass({
 
           <body>
             <Locations path={Root.getBaseUrl() + this.props.initialPath}>
-              <Location path={Root.getBaseUrl() + '*'} handler={PagesHolder} />
+              <Location path={Root.getBaseUrl() + '*'} handler={React.createFactory(PagesHolder)} />
             </Locations>
 
             <script dangerouslySetInnerHTML={browserInitScriptObj} />
@@ -125,4 +125,4 @@ var Root = React.createClass({
   }
 });
 
-module.exports = Root;
+module.exports = Root;

Original file line number	Diff line number	Diff line change
`@@ -29,4 +29,4 @@ var LoadingButton = React.createClass({`
`29`	`29`	`}`
`30`	`30`	`});`
`31`	`31`
`32`		`-React.render(LoadingButton(), mountNode);`
	`32`	`+React.render(<LoadingButton />, mountNode);`
Original file line number	Diff line number	Diff line change
`@@ -39,4 +39,4 @@ var ExampleInput = React.createClass({`
`39`	`39`	`}`
`40`	`40`	`});`
`41`	`41`
`42`		`-React.render(ExampleInput(), mountNode);`
	`42`	`+React.render(<ExampleInput />, mountNode);`