React 易错点整理

1、render()函数里面的return关键字后面的代码必须在()内包括，否则会报错！

import React , { Component } from 'react';

class HelloMessage extends  Component{
  render () {
    return (  //return后面一定要带括号()
      <h1> hello {this.props.name}</h1>
      )
  }
}

export default HelloMessage;

2、ES6里面的箭头函数问题
()=>()单行函数，相当于函数体内加了return 字段，返回对象
()=>{}多行函数，多行函数默认不带return字段，如果返回值是要手动加入return 字段的，否则没有任何值返回！！！如果需要返回使用下面写法

()=>{
  return ...
}

自己曾犯得书写错误：

const shareImage = [
  require('../../imgs/share/weixin.png'),
  require('../../imgs/share/pengyouquan.png'),
  require('../../imgs/share/qq.png'),
  require('../../imgs/share/kongjian.png') 
]
 <View style={styles.shareItem}>
        {
            shareImage.map(item=>{
                    <Image key={item} source={require('../../imgs/share/weixin.png')} style={{width:75, height:95}}
                />
             })
         }        
  </View>

在上面的代码中我想使用map方法遍历数组，然后生成对应数组的图片，我使用的是{},发现图片并没有生成，检查好长时间才发现，没有使用return关键字来返回生成的图片，这里改为()就代表默认是使用了return的啦。书写的时候容易忽略！！！
2、this问题
3、React Native代码中不允许出现console.log();，否则真机运行会出现莫名错误如导航不能push跳转页面等。