Текст onChange не обновляет свое состояние

import React, { Component } from 'react';
import { Text, View, TextInput, Button, Alert } from 'react-native';

import datum from './data';

export default class Signup extends React.Component {
  constructor(props) {
    super(props);

    this.state = { name: 'sff', number: '' };
  }

  signupPressed = () => {
    const { name } = this.state;

    console.info('checkss', name);
  };
  render() {
    return (
      <View
        style = {{
          flex: 1,
          flexDirection: 'column',
          justifyContent: 'space-evenly',
          alignItems: 'center',
        }}>
        <TextInput
          style = {{
            height: 40,
            borderColor: 'gray',
            borderWidth: 1,
            width: '50%',
          }}
          onChangeText = {TextInputValue => this.setState({ name })}
          placeholder = "Name"
        />
        <TextInput
          style = {{
            height: 40,
            borderColor: 'gray',
            borderWidth: 1,
            width: '50%',
          }}
          onChangeText = {text => this.setState({ name })}
          placeholder = "Mobile no"
        />
        <Button
          onPress = {this.signupPressed}
          title = "Signup"
          color = "#841584"
          accessibilityLabel = "Learn more about this purple button"
        />
      </View>
    );
  }
}

У меня есть текстовый ввод, но реквизит onChangeText не работает как есть

Ожидаемое поведение Должен регистрировать обновленное значение имени из состояния при нажатии кнопки

реальность

когда я нажимаю кнопку, она записывает только "checkss", а не значение имени

Что тут странного!!

когда я нажимаю кнопку в первый раз, он регистрирует меня "checkss, sff", но когда я нажимаю ее во второй раз, он показывает только checkss