“Как скрыть кнопку в React” Ответ

Как скрыть кнопку в 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

скрыть объект шоу в 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

Как скрыть кнопку в React

dfdfdsf
Gleaming Gemsbok

Ответы похожие на “Как скрыть кнопку в React”

Вопросы похожие на “Как скрыть кнопку в React”

Больше похожих ответов на “Как скрыть кнопку в React” по HTML

Смотреть популярные ответы по языку

Смотреть другие языки программирования