逻辑运算符||不输出所有内容（JSX）

由 发布于

据我了解，如果条件“ mobileNumber”或“ AuthUser”为真，则应输出（）中的任何内容

<>
  {mobileNumber &&(
              <List.Item>
                  <Icon 
                  className="phone icon" 
                  />
                  <ListContent>
                      {mobileNumber}
                  </ListContent>
              </List.Item>
  )}
</>

以上正确输出一切

<>
  {mobileNumber || AuthUser(
              <List.Item>
                  <Icon 
                  className="phone icon" 
                  />
                  <ListContent>
                      {mobileNumber}
                  </ListContent>
              </List.Item>
  )}
</>

如果这两个都是正确的，则在ListContent内输出{mobileNumber}，但是图标（以及似乎在寄生状态下的所有其他内容）消失了

为什么是这样？我可以解决吗？我在这里和互联网上进行了研究，一切都说如果这是真的，那么输出的是寄生物。