专栏首页codelangreact-native之undefined is not an object

react-native之undefined is not an object

开搞:

刚学习rn,有很多不理解的地方,常常会报undefined is not an object这个错,然后在不断的修改和试错的情况下,发现只要发生这个情况就有this存在,先贴出一段错误的代码

报错如下

说是this.state.header这地方错误,刚接触这些很郁闷,引用state里面的值不都是这么引入的吗,我试着写了个简单的demo

完全是可以的,这让我这个初入rn的初学者头疼了,后来我想,会不会和这个this有关呢,我试着删除{this.state.header},随便加点固定值,是完全可以的,后来我想,这个_header函数是FlatList组件的一个子组件,会不会是_header()函数的this指向的是FlatList组件呢?我要如何拿到全局的this呢? 后来看了下资料,找到了解决方法,就是给_header()函数绑定全局的this

运行结果图

总结:

1、子组件指向的this属于子组件,与父组件无关 2、子组件不能去父组件更新状态 3、如果要在子组件更新父组件的状态,给子组件绑定父组件的this

本文分享自微信公众号 - codelang(codelang)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2017-10-17

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • React Native通信原生Android

    Anonymous_95975_565
  • 用kotlin来实现一个打方块的小游戏

    Anonymous_95975_565
  • 纯手工打造Easy支付库

    Anonymous_95975_565
  • React16中的Component与PureComponent

    React中用类的方式声明组件的时候,一般需要继承Component这个类,但是在React16版本中增加了一个PureComponent类,这两个类有什么区别...

    挥刀北上
  • React组件设计之高阶函数和插件机制

    作者简介:slashhuang 研究型程序员 现就职于爱屋吉屋 React技术栈已成为大部分互联网公司的标配。关于React组件设计,大家经常谈的是高阶组件、p...

    前端黑板报
  • 如何使用小程序媒体组件

    图片,视频,音乐是小程序使用中不可缺少的部分,这篇文章中,我们将介绍小程序媒体组件的使用。媒体组件分为audio音频组件,image图像组件,video视频组件...

    a563831029
  • Target-Action回调模式

            前面的博客中提到过回调的概念,是在OC通过协议来实现的回调,和Java中的接口的回调极为相似,下面来介绍另一种方法回调模式: Target-Ac...

    lizelu
  • 你不知道的 React 最佳实践

    React 是一个用于开发用户界面的 JavaScript 库, 是由 Facebook 在 2013 年创建的。 React 集成了许多令人兴奋的组件、库和框...

    一只图雀
  • Vue.js——组件快速入门(下篇)

    上一篇我们重点介绍了组件的创建、注册和使用,熟练这几个步骤将有助于深入组件的开发。

    Vincent-yuan
  • Antd Form 实现机制解析

    首先我们先看一个简单的表单,收集并校验两个组件的值。只需要通过监听两个表单组件的 onChange 事件,获取表单项的 value,根据定义的校验规则对 val...

    政采云前端团队

扫码关注云+社区

领取腾讯云代金券