如何在本機反應中刪除空間自動填充

Question

我有一個 TextInput，當我自動填充我的電子郵件地址時，我的電子郵件后面有一個空格。

我試試這個

 const email = values.email.trim();

並且

 const email = values.email.replace(/\s+/g, ' ');

但它不起作用。 有人知道如何在自動填充后刪除空格嗎？

    return (
      <Formik
        enableReinitialize={true}
        initialValues={{ email: this.props.navigation.getParam("email") }}
        validationSchema={yup.object().shape({
          email: yup
            .string()
        })}
        onSubmit={async (values) => {
          const email = values.email;
        }
      }
      >
        {({ handleChange, handleSubmit, values, errors, touched, setFieldTouched }) => (
          <View>
          {
            <View>
              <TextInput
                value={values.email}
                placeholder="Email"
                autoCapitalize="none"
                autoCorrect={false}
                onBlur={() => setFieldTouched("email")}
                onChangeText={handleChange("email")}
                autoCompleteType={"email"}
              />
              <View>
                <TouchableOpacity
                  onPress={handleSubmit}
                >
                  <Text style={styles.textButton}>Valider</Text>
                </TouchableOpacity>
              </View>
            </View>
        )}
      </Formik>
    );

Answer 1

如果您還沒有找到解決這種情況的方法，這里有一種解決方法：

onChangeText={(val) => setFieldValue('login', val.trim())}

您可以使用setFieldValue ，而不是使用handleChanges ，然后“修剪” val 。

Answer 2

<Text
...
value={this.state.emailID}
/>

重用修剪邏輯並將新值分配給文本輸入的“onChangeText”中的狀態變量（emailID）