javascript - 三元运算符检查返回0，同时检查jsx react js

Question

    {!this.state.isOpen ? 
            (<Link to="" onClick={() => this.handleClick('j')}>Take a bow</Link> | 
            <Link to="" onClick={() => this.handleClick('r')}>Down</Link>  )
            : '' }

如果我使用一个组件确实对我有用，为什么链接到在使用多行时显示 0 你能详细说明一下这是如何工作的吗？

Answer 1

您需要一个 React.Fragment 或其短语法 <></> .

{
    !this.state.isOpen ?
    <>
        <Link to="" onClick={() => this.handleClick('j')}>Take a bow</Link>
        |
        <Link to="" onClick={() => this.handleClick('r')}>Down</Link>
    </>
    :
    null
}