Как сделать появление элемента при загрузки страницы?

Question

[flexpc]

есть такая страница

function App() {
  const [show, setShow] = React.useState(false);

  return (
    <div className="App">
      <CSSTransition in={show} timeout={150} classNames='alert' unmountOnExit>
        <div className='login'>
          <div className='form'>
            <LoginForm></LoginForm>
          </div>
        </div>
      </CSSTransition>
    </div>
  );
}

export default App;

мне не обходимо сделать, плавное появление окна авторизации при загрузке страницы, проще говоря, сделать show = true. Я пытался сделать через useEffect, но что-то получалось через раз, то появлялась без анимации, то нормально появлялась, то вообще не появлялась. Только знакомлюсь с реактом и прошу вашей помощи.

Comments

[Kentavr16]

Что именно не получилось?