react初学遇到的问题

1.this.setState({})数据不更新
解:this.setState({})执行机制为异步执行,当执行到该方法时不会立刻执行,会继续执行接下来的js代码,所以导致数据更新不同步
例:

 next(){
        var nextpage=this.state.page+1
        this.setState({
            page: nextpage
       })
        this.onsearch(this)
    }

执行该代码块时,page不会立刻更新,而是直接执行接下来的方法,所以应修改为以下形式,加一个回调函数

  next(){
    var nextpage=this.state.page+1
    this.setState({
        page: nextpage
    },function(){
        this.onsearch(this)
    })
}

完美解决
类似的还有ajax异步执行,解决方法,将代码放入success中

2.ajax 从后台请求json

jQuary.ajax({
    type: "GET",
    url: "https://api.github.com/search/users?q="+info+"&page="+this.state.page+"&per_page="+perpage,
    async: true,//异步执行
    dataType: 'json',//服务器返回数据的类型,例如xml,String,Json等
    success: function (data) {//请求成功获取的数据为data
        datain=data.items;//取data的json代码块
        that.setState({
            userInformation:datain
        });//that指传入的是当前组件
    }
})

3.react 遍历输出
*String没有map方法,String没有map方法,String没有map方法 *

  render() {
        return (
            <div>
                {
                    this.props.parms.map((user) => <User user={user}/>)
                }
                </div>
        )

es6箭头函数实现如如上
其中:User为子组件
user为传给子组件props的值,自定义的
相当于

 this.props.parms.map(
                function(user) {
                return <User user={user}/>}
                )
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值