// State
class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      nome: 'Teste',
      contador: 0
    }

  }

  render() {
    setTimeout(() => {
      this.setState({
        contador: this.state.contador + 1
      })

    }, 1000);

    return(
      <div>
        <h1>{ this.state.nome }</h1>
        <Contador valor={this.state.contador} />
      </div>
     );
  }
}


const Contador = (props) => {
  return (
    <div>
      <h1>{props.valor}</h1>
    </div>
  );
}
// class Contador extends React.Component {

//   constructor() {
//     super()
//   }

//   render() {
//     return(
//       <div>
//         <h1>{this.props.valor}</h1>
//       </div>
//     );
//   }
// }

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