javascript - 如何删除 react native 中的空格自动填充

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，然后“trim ”val，而不是使用 handleChanges。