reactjs - 在 useEffect 中设置标志

Question

我想隐藏一个导入的组件。是否可以在 useEffect 中设置一个标志并隐藏。如果可以，请说明我该如何制作它。还有其他替代方法吗。我是初学者。

`

 import React, { useEffect } from 'react';
 import Layout from '../common/Layout';
 import useForm from '../customHook/useForm';
 import {Link} from 'react-router-dom';  

  const LoginPage = () => {

 const {inputs, errors, handleLoginChange, handleLoginSubmit,handleAppRegistration,hiden} = useForm({
    email: '',
    password: ''
})

return (
    <div>
        <Layout  > //want to hide this layout before logged in
          
               <div>
                      input fields
              </div>
            </Layout>
          </div>
         );
      };

  export default LoginPage; `

标签： reactjs