Ejemplo de crear componentes con React


import React from 'react'

class Imagen extends React.Component {
  render () {
    return (
      <div className='gallery'>
        <a target='_blank' href={this.props.foto}>
          <img src={this.props.foto} alt={this.props.descripcion} width='600' height='400' />
        </a>
        <div className='desc'>{this.props.descripcion}</div>
      </div>
    )
  }
}

export default function App () {
  return (
    <div>
      <Imagen foto='gato1.jpg' descripcion='Esto son dos lindos gatitos' />
      <Imagen foto='gato2.jpg' descripcion='Me encanta su lindura' />
    </div>
  )
}


https://codesandbox.io/s/modest-wildflower-qhxw4

Publicado por

Juan Pablo Fuentes

Formador de programación y bases de datos