ネイティブベースでネイティブに反応する（予期しないトークンエラー）

Question

React Native and 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を使用しています。また、糸、sinopiaとbrowserifyがグローバルにインストールされています。私の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> 
    } 
    } 
} 

何か問題があるように思えません。私の設定（ネイティブベースを除く）は、デフォルトのコントロールで反応するネイティブアプリを実行できますが、ネイティブベースコントロールに対してのみこのエラーが発生するようです。

Answer 1

ステートメントreturnステートメントは中括弧の代わりにカッコを使用する必要があります。 NativeBaseのすべてのUIコンポーネントと例のアプリ -

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

Answer 2

React Native

チェックNativeBase KitchenSinkのドキュメントからの基本的な構文を確認してください。

あなたがネイティブに反応あなたが初心者であると述べているので、あなたがNative Starter Kit確認することができます - ネイティブ+ NativeBase +ナビゲーション実験+ Reduxのに反応+ CodePushアプリ