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上标红