jsx React 中的嵌套条件渲染

Question

我试图在 jsx 本身中有一个嵌套的 if 条件。这是我的代码示例：

        {this.props.customerInformation?
           <Descriptions title="Customer Information" bordered>
           {this.props.customerInformation.customer_status.label}</Descriptions.Item>
            </Descriptions>
            :
            <Button> Create a new customer </Button>
            }

我试图做的是在顶部条件中添加另一个条件，看起来像这样：

            {this.props.customerInformation?
           <Descriptions title="Customer Information" bordered>
          <Descriptions.Item>
           {this.props.customerInformation.customer_status.label}
          </Descriptions.Item>

               <Description.Item>
             {this.props.customerInformation.poc?
              <Descriptions title="poc" > 
              {this.props.customerInformation.poc}
              <Descriptions.Item>
             </Descriptions>
            :
            <Button> Create a new customer </Button>
            }

Answer 1

添加括号来包装您的代码。

 {this.props.customerInformation?
           (<Descriptions title="Customer Information" bordered>
              {this.props.customerInformation.customer_status.label} 
               </Descriptions.Item>
            </Descriptions>)
            :
            (<Button> Create a new customer </Button>)
}