使用 Native Base React Native（意外的令牌错误）

Question

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

我的 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 本机应用程序，但是我似乎只对本机基础控件收到此错误

Answer 1

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

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

Answer 2

请检查 React Native

文档中的基本语法

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

既然你说你是 React Native 的初学者，你可以查看 Native Starter Kit - React Native + NativeBase + Navigation Experimental + Redux + CodePush Apps 的入门套件

使用 Native Base React Native（意外的令牌错误）

React Native with Native Base (Unexpected Token Error)

react-native

react-native-android

native-base