我如何将我的验证和OnChangeText函数传递给React Native的蒙版输入

时间:2018-06-21 10:38:51

标签: react-native

我有两个不同的输入字段,一个是正常的反应屏蔽输入,另一个是来自

的输入

从“ 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}
             />

但是,它没有验证或更改被屏蔽的输入的值作为此输入字段中的用户类型。

我该怎么做。

1 个答案:

答案 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”功能。