CourseIt
courseit logo
  • Recompensas
    • Registrate
    • Ingresa
    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}
      )
    }