react antd form Item嵌套问题

2021-02-02 10:32:52 阅读：885 来源： 互联网

标签：stationEnabled stationDetail getFieldDecorator form required react Item hasEffec

问题来源：

是否启用选是，不更改
是否启用选否，增加生效时间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>

标签：stationEnabled,stationDetail,getFieldDecorator,form,required,react,Item,hasEffec
来源： https://www.cnblogs.com/xiaoyaoweb/p/14360623.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

react antd form Item嵌套问题