네이티브 기반 네이티브베이스와의 반응 (예기치 않은 토큰 오류)

Question

네이티브 및 기본 네이티브베이스가 구성되었습니다. 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" 
} 
} 

는 특정 버전의 다른 잘 작동하지 않는 것을 수 있을까? 또한 (중요한 경우) 노드 버전 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 + 탐색 실험 + 돌아 오는 + CodePush 앱이