ReferenceError:can not find variable:React

代码如下:

import {createStackNavigator, createAppContainer, createBottomTabNavigator} from "react-navigation";
import HomeScreen from "../pages/home";
import MineScreen from "../pages/mine";
import DetailsScreen from "../pages/details";
// import React from 'react';

import TabIconBottom from "../components/init/tab_bottom";

const homeNavigator = createStackNavigator(
  {
    Home: HomeScreen,
    Details: DetailsScreen,

  }
);

const mineNavigator = createStackNavigator(
  {
    Mine:MineScreen
  }
);

const bottomNavigator = createBottomTabNavigator(
  {
    TabHome: {
      screen:homeNavigator,
      navigationOptions:{
        tabBarIcon:({title,focused})=>{
          return <TabIconBottom/>
        }
      }

    },
    TabMine:mineNavigator
  },
  {
    initialRouteName: 'TabHome',
  }
);

export default createAppContainer(bottomNavigator);

报错信息:


image.png

出错原因:在代码中使用了TabIconBottom,这是jsx语法,必须引入React
解决办法:将头部的注释打开即可

import React from 'react';
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • React 教程 React 是一个用于构建用户界面的 JAVASCRIPT 库。React主要用于构建UI,很多...
    StevenHu_Sir阅读 10,239评论 0 1
  • 如何使用代码 安装项目前置依赖,以及启动项目的方法,参看:React 拾遗:项目脚手架。 请根据文章内容,把相应部...
    Tim_Lee阅读 21,226评论 1 6
  • 以下内容是我在学习和研究React时,对React的特性、重点和注意事项的提取、精练和总结,可以做为React特性...
    科研者阅读 12,569评论 2 21
  • React简介 (1)简介 React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaSc...
    鱼鱼吃猫猫阅读 5,581评论 1 6
  • 前言 在Jq,原生javascript时期,在写页面时,往往强调的是内容结构,层叠样式,行为动作要分离,三者之间分...
    itclanCoder阅读 4,019评论 0 2