06-Owner-ownee.js

import React from 'react';
import ReactDOM from 'react-dom';

// Component state
class App extends React.Component {
  constructor(){
    super();
    this.state = { txt: ''}
    this.update = this.update.bind(this)
  }
  update(e){
    this.setState({txt: e.target.value})
  }
  render(){
    return (
      <div>
        <Widget txt={this.state.txt} update={this.update} />
        <Widget txt={this.state.txt} update={this.update} />
      </div>
    );
  }
}

// Stateless component
const Widget = (props) => {
  return (
      <div>
        <input type="text"
          onChange={props.update} />
        <h1>{props.txt}</h1>
      </div>
    );
}

// Render component
ReactDOM.render(<App />, document.getElementById('app'));