React Native发布文字字符串有效,但发布状态变量失败

贾斯汀

当我尝试将变量发布为时,它失败了:

body: JSON.stringify({
  username: this.state.username, // it doesn't work, 
}),

但是一切都很好,如果发布为:

body: JSON.stringify({
  username: 'literal string', // it works well
}),

我可以从console.log中获取this.state.username的正确值,那么帖子上的问题是什么?这是完整的代码:

import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Text,
  View,
  TextInput,
  TouchableOpacity,
} from 'react-native';

const REQUEST_URL = 'http://localhost:8000/user';

export default class AddAUser extends Component {
  constructor(props) {
    super(props);

    this.state = {
      username: null,
      submit: false,
    }
  }

  async _signup() {
    try {
      await this.setState({
        username: this.state.username,
        submit: true
      });

      let response = await fetch(REQUEST_URL, {
        method: 'POST',
        headers: {
          'Accept': 'application/json',
          'Content-Type': 'application/json',
        },
        body: JSON.stringify({
          username: this.state.username, // it doesn't work, 
          // username: console.log(this.state.username),  // get correct value from TextInput
          // username: 'literal string', // it works well
        }),
      });

      await console.log(response);

    } catch (error) {
      console.log(error);
    }
  }

  render() {
    return (
      <View style={styles.container}>
        <TextInput style={styles.textInputBox} placeholder='Username' value={this.state.username} onChangeText={(username) => this.setState({username: username})} />
        <TouchableOpacity
          style={styles.submitButton}
          onPress={() => this._signup()}
          >
          <Text>Sign Up</Text>
        </TouchableOpacity>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
  },
  textInputBox: {
    height: 40,
    borderColor: 'lightblue',
    borderWidth: 1,
    borderRadius: 5,
    margin: 20,
    paddingLeft: 10,
  },
  submitButton: {
    marginTop: 20,
    paddingTop: 5,
    paddingBottom: 5,
    paddingLeft: 20,
    paddingRight: 20,
    backgroundColor: 'lightblue',
    borderRadius: 5,
  }
});
萨穆利·哈科涅米

我不确定您要使用using实现什么async + await,上下文中没有解释。

我在以下网址尝试了没有它们的情况:https : //rnplay.org/apps/8U6_sA,它似乎按预期工作。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

React Native:放置全局状态变量的位置

来自分类Dev

保持对React状态变量的“引用”

来自分类Dev

如何在React Native中访问类外部的类的状态变量?

来自分类Dev

关于如何在render()中引用状态变量的真正快速的问题-React Native

来自分类Dev

React Native:使用状态变量的“ TypeError:未定义不是对象”

来自分类Dev

React Native - 在静态函数中使用状态变量

来自分类Dev

如何在 React Native 的导航项中使用状态变量

来自分类Dev

在React中,setState回调和对状态变量使用useEffect有什么区别?

来自分类Dev

根据React功能组件中的状态变量有条件地设置className

来自分类Dev

在指定时间后修改React状态变量

来自分类Dev

React:如何通过匹配另一个状态变量的值来修改状态变量

来自分类Dev

如何将带有状态变量的 jsx 导入另一个 React 组件?

来自分类Dev

尝试使用状态变量使字符串大写

来自分类Dev

字符串和状态变量连接

来自分类Dev

React Developer Tool是否可能显示使用useState创建的状态变量的名称?

来自分类Dev

如何在React Route的父级中设置状态变量?

来自分类Dev

ComponentWillUnmount是否等效于可访问状态变量当前值的React Hooks?

来自分类Dev

如何在React中更新数组中的状态变量?

来自分类Dev

React中的Material-Table。使用状态变量动态设置表选项

来自分类Dev

React组件将状态变量作为参数,未在更新时呈现

来自分类Dev

使用useState react钩子后返回的状态变量显示.map不是函数

来自分类Dev

根据状态变量的变化,在react中显示多个动态输入字段?

来自分类Dev

在react redux和saga中调度完成后获取状态变量?

来自分类Dev

什么时候应该使用MobX可观察的代替React状态变量?

来自分类Dev

在 react-redux 中同步查询参数和状态变量

来自分类Dev

React 使用对象值作为状态变量名

来自分类Dev

React / JSX:我可以在另一个状态变量中使用一个状态变量吗?

来自分类Dev

跟踪已发布项目列表的状态变量

来自分类Dev

React Firebase-未捕获的异常signInWithEmailAndPassword,电子邮件必须是有效的字符串

Related 相关文章

  1. 1

    React Native:放置全局状态变量的位置

  2. 2

    保持对React状态变量的“引用”

  3. 3

    如何在React Native中访问类外部的类的状态变量?

  4. 4

    关于如何在render()中引用状态变量的真正快速的问题-React Native

  5. 5

    React Native:使用状态变量的“ TypeError:未定义不是对象”

  6. 6

    React Native - 在静态函数中使用状态变量

  7. 7

    如何在 React Native 的导航项中使用状态变量

  8. 8

    在React中,setState回调和对状态变量使用useEffect有什么区别?

  9. 9

    根据React功能组件中的状态变量有条件地设置className

  10. 10

    在指定时间后修改React状态变量

  11. 11

    React:如何通过匹配另一个状态变量的值来修改状态变量

  12. 12

    如何将带有状态变量的 jsx 导入另一个 React 组件?

  13. 13

    尝试使用状态变量使字符串大写

  14. 14

    字符串和状态变量连接

  15. 15

    React Developer Tool是否可能显示使用useState创建的状态变量的名称?

  16. 16

    如何在React Route的父级中设置状态变量?

  17. 17

    ComponentWillUnmount是否等效于可访问状态变量当前值的React Hooks?

  18. 18

    如何在React中更新数组中的状态变量?

  19. 19

    React中的Material-Table。使用状态变量动态设置表选项

  20. 20

    React组件将状态变量作为参数,未在更新时呈现

  21. 21

    使用useState react钩子后返回的状态变量显示.map不是函数

  22. 22

    根据状态变量的变化,在react中显示多个动态输入字段?

  23. 23

    在react redux和saga中调度完成后获取状态变量?

  24. 24

    什么时候应该使用MobX可观察的代替React状态变量?

  25. 25

    在 react-redux 中同步查询参数和状态变量

  26. 26

    React 使用对象值作为状态变量名

  27. 27

    React / JSX:我可以在另一个状态变量中使用一个状态变量吗?

  28. 28

    跟踪已发布项目列表的状态变量

  29. 29

    React Firebase-未捕获的异常signInWithEmailAndPassword,电子邮件必须是有效的字符串

热门标签

归档