Question

我正在尝试为我的应用创建用户注册屏幕。

我的屏幕包含2个textinput和一个按钮，当按下时，按钮tirggers一个函数，我传递2个输入的内容，并获取一个php脚本在我的数据库中注册这些id：

class LoginScreen extends React.Component {
  constructor (props) {
    super(props)
    this.state = {
      UserName: '',
      UserEmail: ''
    }
  }

  UserRegistrationFunction () {
    const { UserName } = this.state
    const { UserEmail } = this.state

    fetch('[the address with my .php]', {
      method: 'POST',
      headers: {
        'Accept': 'application/json',
        'Content-Type': 'application/json'
      },
      body: JSON.stringify({
        name: UserName,
        email: UserEmail
      })

    }).then((response) => response.json())
      .then((responseJson) => {
        Alert.alert(responseJson)
      }).catch((error) => {
        console.error(error)
      })
  }

  render () {
    return (
      <View style={styles.MainContainer}>
        <Text style={{ fontSize: 20, color: '#000', textAlign: 'center', marginBottom: 15 }}>User Registration Form</Text>
        <TextInput
          placeholder='Entrez votre nom'
          onChangeText={UserName => this.setState({UserName})}
          underlineColorAndroid='transparent'
        />
        <TextInput
          placeholder='Entrez votre E-mail'
          onChangeText={UserEmail => this.setState({UserEmail})}
          underlineColorAndroid='transparent'
        />
        <Button title="M'enregistrer" onPress={this.UserRegistrationFunction} color='#2196F3' />
      </View>
    )
  }
}

我收到错误＆＃34; undefined不是对象（评估this.state.UserName）＆＃34;当按下按钮时，似乎我以正确的方式做了所有事情。

Answer 1

此行从状态中删除用户名：

onChangeText={UserEmail => this.setState({UserEmail})}

将setState更改为

this.setState({...this.state, UserEmail})

它适用于您或者您可以使用箭头功能来设置状态

React Native - undefined在尝试传递参数时不是对象

1 个答案: