Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何屏蔽输入语义组件?_Javascript_Reactjs_Masking - Fatal编程技术网

Javascript 如何屏蔽输入语义组件?

Javascript 如何屏蔽输入语义组件?,javascript,reactjs,masking,Javascript,Reactjs,Masking,我试图将输入日期屏蔽为仅以DD/MM/YYYY格式插入日期,我尝试这样做: import MaskedInput from 'react-text-mask' ... <DateInput name="date" mask="99/99/9999" placeholder="Data" value={this.props.data} dateFormat="DD/MM/YYYY" onChange={this.props.changeD

我试图将输入日期屏蔽为仅以DD/MM/YYYY格式插入日期,我尝试这样做:

import MaskedInput from 'react-text-mask'

...

 <DateInput
    name="date"
    mask="99/99/9999"
    placeholder="Data"
    value={this.props.data}
    dateFormat="DD/MM/YYYY"
    onChange={this.props.changeDataTarefa}
    animation="none"
    >
       <MaskedInput guide={false} {...this.props} mask={[/\d/, /\d/, '/', /\d/, /\d/, '/', /\d/, /\d/, /\d/, /\d/]} />
 </DateInput>
import MaskedInput from'react text mask'
...
还尝试:

<MaskedInput
value={this.props.data}
onChange={this.props.changeDataTarefa}
mask={[/\d/, /\d/, '/', /\d/, /\d/, '/', /\d/, /\d/, /\d/, /\d/]}
render={(ref, props) => (
    <DateInput
    name="date"
    placeholder="Data"
    {...props}
    innerRef={ref}
    dateFormat="DD/MM/YYYY"
    animation="none"
    />
)}
/>
(
)}
/>
我实际上是想用
但是这样我就可以

什么是
DateInput
?它是自定义组件吗?库组件?您尝试执行的操作无效,包不使用子项,也不支持掩蔽。你可能需要自己制作面具手册,在上一篇评论中我们将链接到这个。什么是
DateInput
?它是自定义组件吗?库组件?您尝试执行的操作无效,包不使用子项,也不支持掩蔽。你可能需要自己制作面具手册,在上一篇评论中我们将链接到这个。