cómo ocultar o mostrar un div si la casilla de verificación está seleccionada en React JS

Posterior a investigar en varios repositorios y páginas al concluir dimos con la resolución que te enseñaremos pronto.

Solución:

Puedes hacerlo así:

class Component extends React.Component 
  constructor() 
    super();

    this.state =  checked: false ;
    this.handleChange = this.handleChange.bind(this);
  

  handleChange() 
    this.setState(
      checked: !this.state.checked
    )
  

  render() 
    const content = this.state.checked 
      ? 
 Content 
      : null;

    return 

      

        Check
        
      

       content 
    
;
  

Example

Además, puedes usar CSS clase(con display propiedad) para alternar (display: none/block;) elemento

render() 
  const hidden = this.state.checked ? '' : 'hidden';

  return 

    

        Check
        
      

      
1
      
2
      
3
      
3
      
4
    
;
  

Example

Acuérdate de que tienes la capacidad de parafrasear tu experiencia si topaste tu disgusto a tiempo.

---

---

Utiliza Nuestro Buscador