Stateless & Stateful component

react101-6-1-parent.js

import React from 'react';
import ReactDOM from 'react-dom';
import { Child } from './Child';

class Parent extends React.Component {
  constructor(props) {
    super(props);
    this.state = { name: 'fromStateful' };
    this.changeName = this.changeName.bind(this);
  }
  
  changeName(newName) { this.setState({ name: newName }); }

  render() { return <Child name={this.state.name} onChange={this.changeName} /> }
}

ReactDOM.render( <Parent />, document.getElementById('app') );