记录学习RN遇到的报错

前端之家收集整理的这篇文章主要介绍了记录学习RN遇到的报错前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

格式:【描述】 【截图】 【解决】 【参考】

ios

android

关键词:override

【描述】

Native module VectorIconsModule tried to override VectorIconsModule for module name RNVectorIconsModule. If this was your intention,set canOverrideExistingModule=true

【截图】

解决

找到MainApplication.java(android/app/src/main/java/com),里面有有重复的引用,把重复的部分删除就行了

import com.oblador.vectoricons.VectorIconsPackage;// 删除
...
public class MainApplication extends Application implements ReactApplication {
    ...
    new VectorIconsPackage(),// 删除
}

【参考】

https://stackoverflow.com/que...

关键词:refs

【描述】

addComponentAsRefTo(...): Only a ReactOwner can have refs. You might be adding a ref to a component that was not created inside a component's render method,or you have multiple copies of React loaded (details: https://fb.me/react-refs-must...

【截图】

解决

<View ref={"abcd"}/>  

this.refs.abcd    // 如果在rander之外使用ref就会报错报错

改成:

myRefs = {
    abcd: null
}

<View ref={(abcd) => {this.myRefs.abcd = abcd}}>

this.myRefs.abcd

猜你在找的React相关文章