[classname当我在nextjs的jsx中使用时感到困惑

Posted 2021-04-01

hi im using nextJs我在jsx中使用if else有问题。当我使用的元素类无法正确加载时。

这是我的代码：

            <Nav>
                {
                    login ?
                        <React.Fragment>
                            <a className='text-white mx-1'>Welcome</a>
                            <a onClick={logOut} id={style.test} className={` text-danger mx-1`}>Log out</a>

                        </React.Fragment>

                        :
                        <React.Fragment>
                            <Link href="/register" prefetch={false}>
                                <a className='nav-link'>register</a>
                            </Link>

                            <Nav.Link className='text-info' eventKey={2}  onClick={handleShow}>
                                Login
                            </Nav.Link>
                        </React.Fragment>
                }

            </Nav>

注销应该获得（text-danger）类，但获得另一个类

答案

更改className="text-danger mx-1"

另一答案

如果不是变量，我们可以直接指定className。