“Cómo ocultar el botón en React” Código de respuesta

Cómo ocultar el botón en React

import React, { useState } from 'react';

const Component = () => {
  const [show, setShow] = useState(false);
  return(
    <>
      <button onClick={() => setShow(prev => !prev)}>Click</button>
      {show && <Box>This is your component</Box>}
    </>
  );
}

export default Component
Envious Eland

ocultar el objeto de la muestra en React

const Search = () => {
  const [showResults, setShowResults] = React.useState(false)
  const onClick = () => setShowResults(true)
  return (
    <div>
      <input type="submit" value="Search" onClick={onClick} />
      { showResults ? <Results /> : null }
    </div>
  )
}

const Results = () => (
  <div id="results" className="search-results">
    Some Results
  </div>
)

ReactDOM.render(<Search />, document.querySelector("#container"))
Famous Fox

Cómo ocultar el botón en React

dfdfdsf
Gleaming Gemsbok

Respuestas similares a “Cómo ocultar el botón en React”

Preguntas similares a “Cómo ocultar el botón en React”

Más respuestas relacionadas con “Cómo ocultar el botón en React” en HTML

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código