使用apisauce和textinput在react中创建电子邮件验证

Question

我正在尝试使用react-native为我的应用程序创建一个电子邮件验证，我创建了一个代码来测试它，但我想为它创建一个文本输入，我该怎么做呢？这是我的代码

export default class Signin extends Component 
  state ={
    errorMessage: null
  }
  signin = async() => {
    try{
      const response = await api.post('/auth/authenticate',{
        email:'teste@teste.com',
        password: '123'
      })
  
      const {user, token} = response.data
      console.log(response.data)
  
      await AsyncStorage.multiSet([
        ['@backend:token', token],
        ['@backend:user', JSON.stringify(user)]
      ])

      this.props.navigation.navigate('Home')
    }catch(err){
      console.log(err)
    }

  }

  render() {
    return (
      <View style={styles.Container}>
           { this.state.errorMessage && <Text>{ this.state.errorMessage }</Text> }
        
        <Button onPress={this.signin} title="Entrar"/>
      </View>
    );
  }
    
}

你怎么能看到它已经有一个测试电子邮件在那里，但我怎么才能创建一个输入？

Answer 1

你可以使用validator.js的isEmail方法，它与react-native兼容，非常简单。https://www.npmjs.com/package/validator