我有两个不同的输入字段,一个是正常的反应屏蔽输入,另一个是来自
的输入从“ react-native-masked-text”导入{TextInputMask};
我有一个名为onChange的函数,该函数分配给普通输入,该输入正在更改和验证用户输入到输入filed的值。
<Input
onChangeText={onChange}
underlineColorAndroid="transparent"
keyboardType={keyboardType}
secureTextEntry={password}
placeholder={placeholder}
multiline={multiline}
/>
现在,我想将此onChange函数添加到被屏蔽的输入中。这样我就可以验证和更改屏蔽输入的值,作为普通输入字段。 所以我写了这样的代码。
<MaskTextInput
type={"custom"}
options={{
mask: "(999) 999-9999"
}}
onChangeText={text => {
onChange(text)
}}
underlineColorAndroid="transparent"
keyboardType={keyboardType}
secureTextEntry={password}
placeholder={placeholder}
/>
但是,它没有验证或更改被屏蔽的输入的值作为此输入字段中的用户类型。
我该怎么做。
答案 0 :(得分:0)
请在下面添加构造函数代码
constructor(props) {
super(props)
this.state = {
sampleText: ''
}
}
并在render中添加以下代码
<TextInputMask
type={"custom"}
options={{
mask: "(999) 999-9999"
}}
onChangeText={sampleText => this.setState({ sampleText })}
value={this.state.sampleText} />
或者,您可以通过在其中添加this.setState({ sampleText })
来自定义“ onChange”功能。