React Native with Native Base(意外的令牌错误)

时间:2016-12-13 08:22:13

标签: react-native react-native-android native-base

我配置了React Native和Native Base。当我为Android部署应用程序时,它会抛出一个错误,指出在我的代码中存在Container组件的位置附近发现了一个意外的令牌。

我的package.json文件是:

{
  "name": "React Native POC",
  "version": "0.0.1",
  "private": true,
  "scripts": {
  "start": "node node_modules/react-native/local-cli/cli.js start",
  "test": "jest"
},
  "dependencies": {
  "native-base": "^0.5.18",
  "react": "15.4.1",
  "react-native": "0.39.2",
  "react-redux": "^4.4.6",
  "redux": "^3.6.0"
},
  "devDependencies": {
  "babel-jest": "17.0.2",
  "babel-preset-react-native": "1.9.0",
  "jest": "17.0.3",
  "react-test-renderer": "15.4.1"
},
  "jest": {
  "preset": "react-native"
}
}

是否某些版本与另一版本不兼容? 另外(如果重要的话)我使用的是Node版本6.8.1,npm版本3.10.8和react-native-cli 2.0.0。另外,我在全球安装了yarn,sinopia和browserify。

仍然是React Native的初学者,我无法判断是否存在任何依赖性冲突(明显或其他)

我的js文件是:

import React, {Component} from 'react';
import {Container, Content} from 'native-base';

export default class ReactNativePOC extends Component {
  render() {
    return {
        <Container> // Error here
            <Content>
            </Content>
        </Container>
    }
  }
}

我的设置似乎没有任何问题(不包括原生基础),因为我可以使用默认控件运行react native应用程序但是我似乎只为本机基本控件获取此错误

2 个答案:

答案 0 :(得分:1)

return语句应使用括号而不是大括号。

render() {
  return (
    <Container>
      <Content>
      </Content>
    </Container>
  );
}

答案 1 :(得分:0)

请查看React Native

文档的基本语法

检查NativeBase KitchenSink - 一个包含NativeBase所有UI组件的示例应用程序。

既然你说你是React Native的初学者,你可以查看Native Starter Kit - React Native + NativeBase的初学者工具包+导航实验+ Redux + CodePush应用程序