react_example.js

const Component = React.createClass({
  getInitialState() {
    return {
      name: 'ale',
      posts: []
    }
  },
  
  componentWillUpdate() {
    console.log(this.state);
  },
  
  handleClick(e) {
    this.setState({name: 'Julian'});
  },
  handleName(e) {
    let val = e.target.value;
    this.setState({name: val});
  },
  
   componentWillMount() {
    this.setState({name: 'will'});
  },
  
  
  componentDidMount() {
    this.setState({name: 'mount'});
  },
  
  
 
  render() {
    return (
    <div>
    
      <h1>{this.state.name} {this.props.lastname}</h1>
      <p>lorem</p>
      <input onChange={this.handleName} value={this.state.name} />
      <button onClick={this.handleClick}>event</button>
      </div>
    )  
  }
  
 
  
});

const ComponentChild = React.createClass({
getInitialState() {
  return {
    lastname: ''
  }
},

  handleLastname(e) {
    let val = e.target.value;
    this.setState({lastname: val});
  },
  
  render() {
  return (
  <div>
    <h3>Give me your Name</h3>
    <input onChange={this.handleLastname} />
    <Component lastname={this.state.lastname}  />
    </div>
  )
    
  }
});


ReactDOM.render(<ComponentChild postId={1} lastname="san" />, document.querySelector('.nea'));