react-native 点击按钮进行交互

最新推荐文章于 2022-08-22 15:23:30 发布

weixin_30552811

最新推荐文章于 2022-08-22 15:23:30 发布

阅读量239

点赞数

文章标签： json

原文链接：http://www.cnblogs.com/xk-g/p/9519133.html

版权

在api/index.js里面封装了一个方法：
/ login登录接口
export const loginFromApiAsync = function (a,b) {
return fetch(URL+'/vhc/cust/api/login',{
method: "POST",
headers: {
Accept: "application/json",
"Content-type": "application/json",
"X-App-Platform": "app"
},
body: JSON.stringify({
account: a,
password: b
})

})
    .then(res => res.json())
    .then(res => {
        return res;
    })
    .catch(err => {
        console.log(err);
    })

};

在登录页面引入后使用
import {loginFromApiAsync} from "../api";

export default class Login extends Component {

constructor(props){
    super(porps);
    this.state = {
        account:''
    }
}

//定义一个方法
_loginFromApiAsync(){

//要获取state里面的数据account, 需要render里面使用函数时绑定this。如果不绑定this，this.state.account取不到
let a = this.state.account;

    loginFromApiAsync()
        .then( data => {
            //data成功后返回的数据
        }
    )
}

render(){
    <Text
        onPress = { this._loginFromApiAsync.bind(this)_}
    >点击</Text>
}

}

转载于:https://www.cnblogs.com/xk-g/p/9519133.html