react antd form Item嵌套問題

問題來源：

是否啟用  選是，不更改
是否啟用  選否，增加生效時間item

 

 

 

 

  const hasEffectiveDate = form.getFieldValue('stationEnabled') == 0

  <FormItem label="是否啟用" style={{ display: hasEffectiveDate ? 'inline-flex' : 'flex' }}>
      {getFieldDecorator('stationEnabled', {
        initialValue: stationDetail.stationEnabled,
        rules: [{ required: true, message: '請選擇是否接入' }]
      })(
        <Select style={{ width: hasEffectiveDate ? '63px' : '198px' }} >
          <Option value={1}>是</Option>
          <Option value={0}>否</Option>
        </Select>
      )}
      {hasEffectiveDate && <FormItem label="生效時間" style={{ display: 'inline-flex', width: '65%', marginBottom: '0px' }}>
        {getFieldDecorator('takeEffectTime', {
          initialValue: stationDetail.effectiveDate || '',
          rules: [{ required: true, message: '請選擇生效時間' }]
        })(
          <DatePicker disabledDate={disabledDate} />
        )}
      </FormItem>}

    </FormItem>