美文网首页
React-Native 错误列表

React-Native 错误列表

作者: 早起的小孩没饭儿吃 | 来源:发表于2016-08-29 14:41 被阅读1602次

1.属性声明语法,Cannot read property of 'string' 报错,源代码

static propTypes = {    
showText: PropTypes.string,  // 显示标题\文字    
tag: PropTypes.string,  // Tag    
onClick: PropTypes.func,  // 回调函数    
renderIcon: PropTypes.number,  // 图片,加入.isRequired即为比填项}

修改后:

static propTypes = {    
showText: React.PropTypes.string,  // 显示标题\文字   
 tag: React.PropTypes.string,  // Tag    
onClick: React.PropTypes.func,  // 回调函数    
renderIcon: React.PropTypes.number,  // 图片,加入.isRequired即为比填项}

2.引入自定义组件时提示:Can't find variable!

原因:In the latest version of React Native you must import React from 'react' package

import React, {Component} from 'react';

import {

View,

...

} from 'react-native';

参考链接:http://stackoverflow.com/questions/38685849/cant-find-variable-react

在最新的RN版本中,引入组件的方式有所变化,调整后问题解决!

3.SyntaxError:

检查语法是否有错误,是不是漏了逗号之类的

4.原生项目中集成react-native,cocopods中React版本太旧,或者cocopods集成网络React版本库失败。
解决办法换成本地集成:

pod 'React', :path => '../node_modules/react-native', :subspecs => [
  'Core',
  'RCTImage',
  'RCTNetwork',
  'RCTText',
  'RCTWebSocket',
  # Add any other subspecs you want to use in your project
]

之后运行项目:Could not build Objective-C module 'React',之后参考http://www.tuicool.com/articles/BfInEv重新进行了导入

5.Each child in an array or iterator should have a unique "key" prop. Check the render method of Api.

const items = this.state.data.map( model =>(    
<li>       
 {model.title}   
 </li>   
 ));

修改后:

const items = this.state.data.map( model =>(    
<li key={model.tid}>        
{model.title}    </li>    
));

6.asycn,await 在webStorm上标红

相关文章

网友评论

      本文标题:React-Native 错误列表

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