美文网首页
RN学习笔记之一些小坑

RN学习笔记之一些小坑

作者: AnonyPer | 来源:发表于2017-06-02 17:53 被阅读34次

1、声明组件时,首字母需要大写:
import TestComponent from './test'; 不能写成import testComponent from './test';,导入时<testComponent>...</testComponent>没有错,使用的时候也不会提示报错,但是运行时会报错
2、ReactNative jcenter()中的react-native架包最新版本为0.20.1,可以查看[https://bintray.com/bintray/jcenter/com.facebook.react:react-native/view](https://bintray.com/bintray/jcenter/com.facebook.react:react-native/view),配置了compile "com.facebook.react:react-native:+"build后从jcenter中只会加载0.20.1的版本。是因为新版的React Native都只在npm里发布。解决方法:

    repositories {
        mavenLocal()
        jcenter()
        maven {
            // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
            url "$projectDir/../node_modules/react-native/android"
        }
    }
}

如果不行,重启一下AS。

3、一个js文件中只能有一个 export default class TestComponent,这个class 被导入时要使用import TestComponent from ./test,不能带花括号import { TestComponent } from './test' 因为已经默认定义了导出的对象。没有default修饰的import时需要加花括号,而且名字要和对应导出的js文件中写的一样。

4、注意this的使用
在js中,因为可以将方法体作为对象传递,所以如果在方法体中使用的this不代表当前类,而是调用该方法的类。否则会出现很多undefined

相关文章

  • RN学习笔记之一些小坑

    1、声明组件时,首字母需要大写:import TestComponent from './test'; 不能写成i...

  • react native初学时候的一些问题

    刚入坑时候记下来的一些小东西,主要并非技术方面的,有碰到相似的可以参考下。 填坑笔记 开始入坑RN,从最开始的学起...

  • RN踩坑笔记

    1、如果我们在一个方法中使用了function函数那么我们在函数中拿到的this并不是上一级class的this而...

  • RN学习笔记

    环境搭建: 安装npm和Node.js,Node.js下载地址 安装watchMan,该插件用于监控bug文件和文...

  • RN学习笔记

    1 项目down下来后,先启动服务器,npm install 如果这个命令行不好使,就重新安装 node.js 2...

  • RN学习踩坑记录

    前言 问题列表

  • ReactNative学习总结(二)

    最近学RN也大概有两个礼拜了。紧跟上篇总结ReactNative一些基础知识再总结下学习RN的笔记。 前言 学习R...

  • iOS开发-与ReactNative交互时bridge is n

    上次说到了与RN交互时,RN引用原生UI组件时出现的坑,如果说上次的坑是因为没有仔细看官方文档导致的,这次的坑应该...

  • RN开发中遇到的坑 - Can't find variable:

    RN开发中遇到的坑 - Can't find variable: navigate 测试RN开发的组件,在使用na...

  • RN-学习笔记

    1. react-native-swiper 轮播组件 参考http://www.jianshu.com/p/4d...

网友评论

      本文标题:RN学习笔记之一些小坑

      本文链接:https://www.haomeiwen.com/subject/lyvufxtx.html