“Cara Menyembunyikan tombol di React” Kode Jawaban

Cara Menyembunyikan tombol di 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

Sembunyikan Tampilkan Objek di 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

Cara Menyembunyikan tombol di React

dfdfdsf
Gleaming Gemsbok

Jawaban yang mirip dengan “Cara Menyembunyikan tombol di React”

Pertanyaan yang mirip dengan “Cara Menyembunyikan tombol di React”

Lebih banyak jawaban terkait untuk “Cara Menyembunyikan tombol di React” di JavaScript

Jelajahi jawaban kode populer menurut bahasa

Jelajahi bahasa kode lainnya