如何有条件地添加脚本组件的当前日期？

Question

文本输入是一个组件。我想使用文本输入组件为部件设置当前日期。我在下面分享了组件的用法。如果有条件，我想将当前日期发送到更改选择方法。如果键不是“符号日期”，则应设置输入值。我该怎么做？formKey = {'signDate'}formKey = {'signDate'}

文本输入用法

<TextInput

  fieldName={'Date'}

  addClassName={'orange-text'}

  formKey={'signDate'}

  disabled={true}

/>

文本输入.js

<Form.Group controlId={formKey}>

  {fieldName && (<Form.Label>{fieldName}</Form.Label>)}

    <Form.Control type={type}

          placeholder={placeholder}

          required={required}

          name={formKey}

          onBlur={e => {

             let val = e.target.value

                 if (changeSelected) {

                     changeSelected(val)

                       }

                   }}

             onChange={evt => updateValue(evt)}

             value={input.value}

             disabled={disabled}

             maxLength={maxLength}

             className={(addClassName ? ' ' + addClassName : '')}

       />

 <Form.Control.Feedback type="invalid" style={{

      width: '8rem',

      color : 'red'

  }}>

       {validationError}

  </Form.Control.Feedback>

</Form.Group>

Answer 1

if (this.props.formKey === 'signDate') {&nbsp; &nbsp;const date = new Date()&nbsp; &nbsp;changeSelected(date)} else {&nbsp; &nbsp;changeSelected(e.target.value)}您需要查找调用的 prop 并确保它具有值，然后使用传入调用函数。 使用输入值调用它formKeysignDatenew Date()else

Answer 2

代码沙盒演示：https://codesandbox.io/s/nice-water-3oj8i?file=/src/TextInput.jsformKey已在可调用 的作用域中使用。您应该能够直接使用它：changeSelectedchangeSelected(formKey === 'signDate' ? new Date().toLocaleDateString() : e.target.value)注意：您没有指定要在那里使用哪种日期字符串（顺便说一句，该字符串与区域设置相关，应在发送回服务器之前进行解析）。您的输入只是一个普通的输入，没有应用架构，所以我只是猜测你想要一个裸的日期字符串。有没有原因你没有使用 Date 控件（可用于你正在使用的反应引导）？您实际上可能只是在格式化日期字符串时遇到问题吗？toLocaleDateStringtoLocaleString国际机场

Answer 3

我相信你正在使用ReactJS，有多种方法可以有条件地添加/包含元素，在同一 https://scotch.io/tutorials/7-ways-to-implement-conditional-rendering-in-react-applications