CourseIt
courseit logo
Componente de clase
import React from 'react'

class Prueba extends React.Component {
  render() {
    return (
      <div>Hola CourseIt!</div>
   )
 }
}

export default Prueba;
Import/Export
const Prueba = () => <div>Hola CourseIt!</div>
export default Prueba
import Prueba from './Prueba'

export const Prueba = () => <div>Hola CourseIt!</div>
import { Prueba } from './Prueba'
Hook: useState
import React, { useState } from 'react';

function Counter() {
  const [c, setC] = useState(0);
  return (
    <div>
      <button
        onClick={() => setC(c+1)}>Sumar</button>
      <p>{c}</p>
    </div>
  )
}

export default Counter;
Componente funcional
import React from 'react'

function Prueba() {
  return <div>Hola CourseIt!</div>
}

export default Prueba;
Estado de un componente
// inicializacion
this.state = {
 name: 'Juani'
}

// actualizacion
this.setState({
 name: 'CourseIt'
})

// lectura
render() {
  return(
    {this.state.name}
  )
}