[Tutorial] Props

■ HTML/JSP

■ JS (ES6/Babel)

class Codelab extends React.Component{
 render() {
  
  return (
   

    
Hello {this.props.name}
    
{this.props.number}
    
{this.props.children}
   
  );
 }
}

Codelab.propTypes = {
 name: React.PropTypes.string,
 number: React.PropTypes.number.isRequired
};

Codelab.defaultProps = {
 name: 'Unknown',
 number: 5
};

class App extends React.Component {
 render() {
  return (
   {this.props.children}
  );
 }
}
   
ReactDOM.render(I am React.js, document.getElementById('root'));