Pass props to component (#1)

perzi · Didier Franc · commit 0b95a99ffdb1 · 2017-02-19T23:31:54.000+01:00
diff --git a/README.md b/README.md
@@ -28,16 +28,21 @@ const App = ({ user }) => (
 #### With code splitting
 
 You're not logged in ? `<Login />` component is the only loaded, `<Home />` will be loaded when the user will be logged in.
+
+Use componentProps to pass props to lazy loaded component.
+
 ```jsx
 import Async from 'react-code-splitting'
 
 import Login from './Login'
 const Home = () => <Async load={import('./Home')} />
+const LostPassword = (props) => <Async load={import('./LostPassword')} componentProps={props}/>
 
 const App = ({ user }) => (
   <Body>
     {user.loggedIn ? <Route path="/" component={Home} /> : <Redirect to="/login" />}
     <Route path="/login" component={Login} />
+    <Route path="/lostpassword" component={LostPassword} />
   </Body>
 )
 ```
diff --git a/dist/react-code-splitting.js b/dist/react-code-splitting.js
@@ -36,7 +36,9 @@ var Async = function (_React$Component) {
         _this.C = c;_this.forceUpdate();
       });
     }, _this.render = function () {
-      return _this.C ? _react2.default.createElement(_this2.C.default, null) : null;
+      var componentProps = _this.props.componentProps;
+
+      return _this.C ? _react2.default.createElement(_this2.C.default, componentProps) : null;
     }, _temp), _possibleConstructorReturn(_this, _ret);
   }
 
diff --git a/src/index.js b/src/index.js
@@ -5,7 +5,10 @@ export default class Async extends React.Component {
     this.props.load.then((c) => { this.C = c; this.forceUpdate() })
   }
 
-  render = () => this.C ? <this.C.default /> : null
+  render = () => {
+    const {componentProps} = this.props
+    return this.C ? <this.C.default {...componentProps} /> : null
+  }
 }
 
 Async.propTypes = {

Original file line number	Diff line number	Diff line change
`@@ -5,7 +5,10 @@ export default class Async extends React.Component {`
`5`	`5`	`this.props.load.then((c) => { this.C = c; this.forceUpdate() })`
`6`	`6`	`}`
`7`	`7`
`8`		`- render = () => this.C ? <this.C.default /> : null`
	`8`	`+ render = () => {`
	`9`	`+ const {componentProps} = this.props`
	`10`	`+ return this.C ? <this.C.default {...componentProps} /> : null`
	`11`	`+ }`
`9`	`12`	`}`
`10`	`13`
`11`	`14`	`Async.propTypes = {`