多行jsx和真实性检查

Question

我知道下面的工作是通过测试消息的真实性来实现的：

    {message && <div>This works</div>}

但是如何让它与多行jsx一起使用？

    {message && <div>
      <span>{message}</span>
    </div>
    }

Answer 1

您必须使用括号：

    {message && (<div>
        <span>{message}</span>
      </div>
    )}