1.屬性聲明語(yǔ)法委刘,Cannot read property of 'string' 報(bào)錯(cuò)趁窃,源代碼
static propTypes = {
showText: PropTypes.string, // 顯示標(biāo)題\文字
tag: PropTypes.string, // Tag
onClick: PropTypes.func, // 回調(diào)函數(shù)
renderIcon: PropTypes.number, // 圖片,加入.isRequired即為比填項(xiàng)}
修改后:
static propTypes = {
showText: React.PropTypes.string, // 顯示標(biāo)題\文字
tag: React.PropTypes.string, // Tag
onClick: React.PropTypes.func, // 回調(diào)函數(shù)
renderIcon: React.PropTypes.number, // 圖片,加入.isRequired即為比填項(xiàng)}
2.引入自定義組件時(shí)提示: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版本中,引入組件的方式有所變化淤刃,調(diào)整后問(wèn)題解決睁搭!
3.SyntaxError:
檢查語(yǔ)法是否有錯(cuò)誤赶诊,是不是漏了逗號(hào)之類的
4.原生項(xiàng)目中集成react-native,cocopods中React版本太舊园骆,或者cocopods集成網(wǎng)絡(luò)React版本庫(kù)失敗甫何。
解決辦法換成本地集成:
pod 'React', :path => '../node_modules/react-native', :subspecs => [
'Core',
'RCTImage',
'RCTNetwork',
'RCTText',
'RCTWebSocket',
# Add any other subspecs you want to use in your project
]
之后運(yùn)行項(xiàng)目:Could not build Objective-C module 'React',之后參考http://www.tuicool.com/articles/BfInEv重新進(jìn)行了導(dǎo)入
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上標(biāo)紅