Guest User

Untitled

a guest
Jul 20th, 2018
86
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.66 KB | None | 0 0
  1. // State
  2. class App extends React.Component {
  3. constructor(props) {
  4. super(props);
  5. this.state = {
  6. nome: 'Teste',
  7. contador: 0
  8. }
  9.  
  10. }
  11.  
  12. render() {
  13. setTimeout(() => {
  14. this.setState({
  15. contador: this.state.contador + 1
  16. })
  17.  
  18. }, 1000);
  19.  
  20. return(
  21. <div>
  22. <h1>{ this.state.nome }</h1>
  23. <Contador valor={this.state.contador} />
  24. </div>
  25. );
  26. }
  27. }
  28.  
  29. class Contador extends React.Component {
  30.  
  31. constructor() {
  32. super()
  33. }
  34.  
  35. render() {
  36. return(
  37. <div>
  38. <h1>{this.props.valor}</h1>
  39. </div>
  40. );
  41. }
  42. }
  43.  
  44. ReactDOM.render(
  45. <App />,
  46. document.getElementById('app')
  47. )
Add Comment
Please, Sign In to add comment