props demo

Author: freewind

README.md

@@ -1,12 +1,11 @@
-React Es6 Webpack Demo
+React Props Demo
 ======================
 
+Pass value to other component as props.
+
 ```
 npm install
 npm start
 ```
 
-Then visit <http://localhost:8080/webpack-dev-server/>, you will see `Hello world` on the page.
-
-If you modify `public/hello.jsx` to change the text, you will see the changes are applied to page instantly.
-
+Then visit <http://localhost:8080/webpack-dev-server/>.

entry.jsx

@@ -3,7 +3,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 
 ReactDOM.render(
-  <Hello />,
+  <Hello name='Freewind' />,
   document.getElementById("content")
 );
 

hello.jsx

@@ -3,7 +3,7 @@ import React,{Component} from 'react';
 class Hello extends Component {
 	render() {
 		return <div>
-		  <h1>Hello world</h1>
+		  <h1>Hello {this.props.name}</h1>
 		</div>;
 	}
 }