imagen onClick fallando en React

Hacemos una verificación profunda cada posts en nuestro espacio con el objetivo de mostrarte en todo momento la información veraz y actual.

Solución:

class MyComponent extends React.Component {      

     render () 
        const imageClick = () => 
          console.log('Click');
         
        return (
           

              





 imageClick() />
           
        );
     
  

He estado jugando con create-react-app y noté que el logo tenía pointer-events estilo css establecido en none que deshabilita todos los clics. No estoy seguro si ese es tu caso. Solo intenta anular ese estilo en tu img:

Bueno, funciona en mi caso:

class MyComponent extends React.Component 

  imageClick = () => 
    console.log('Click!!!!');
         

  render () 
    return (
      

        
      
    );
  


ReactDOM.render(, document.body);

Y la misma versión con un prop (url) pasado al componente, así como también state la modificación se activa cuando hace clic en la imagen, ya que esos dos son importantes en React:

class MyComponent extends React.Component 
  constructor(props)
    super(props);
    this.state = 
      clicked : false
    
  

  imageClick = () => 
    console.log('Click!!!!');
    this.setState(
      clicked: true
    )
         

  render () 
    return (
      

        
        
          this.state.clicked &&
          
You clicked me!
        
      
    );
  


ReactDOM.render(, document.body);

¡Espero que esto ayude!

Si te animas, puedes dejar un post acerca de qué te ha gustado de esta división.

---

---

Utiliza Nuestro Buscador