Реагировать на передачу данных в режиме аутентификации - PullRequest
0 голосов
/ 14 апреля 2020

Я новичок в реакции на родную, и я пытаюсь передать данные из моего класса входа в функцию аутентификации, но она не работает.

Это моя функция аутентификации

function auth(username, password) {
fetch('http://192.168.178.26:8000/auth/', {
    method: 'POST',
    headers: {
        'Content-Type': 'application/json',
    },
    body: JSON.stringify({ username, password })

})
    .then(res => res.json())
    .then(res => {
        saveToken(res.token);
        console.log(res.token);
        props.navigation.navigate('Home');

    })
    .catch(error => console.log(error));

Конструктор

    constructor() {
    super()
    this.state = {
        isReady: false,
        username: '',
        password: '',
    }

    this.auth = auth(this.state.username, this.state.password)

...more code

    render() {

    const {password} = this.state.password;
    const {username} = this.state.username;

Мои текстовые входы и кнопка входа

 <TextInput
  placeholder='Email'
  ...
  value={username}/>

  <TextInput placeholder='Password'
  ...
  value={password}/>

  <TapGestureHandler>
  <Animated.View style={style.button} >
  <Text style={{ ... onPress={this.auth}>Anmelden</Text>

Я работаю над этим уже несколько дней и часами гуглю, но не могу найти решение. Не могли бы вы помочь мне?

С уважением.

1 Ответ

0 голосов
/ 14 апреля 2020

Обновляется ли ваш штат?

<TextInput
  value={this.state.username}
  placeholder="Username"
  onChangeText={(value) => this.setState({ username: value })
/>
...