意外的令牌導入時反應原生

Question

我是新來的本地和有問題導入基本組件到index.android.js文件。我無法找到問題所在，也無法找到關於此特定問題的帖子。請幫助什麼是錯誤的。

錯誤說：意外令牌靠近CounterComponent.android.js第7行。標記爲**。

import React, { Component } from 'react'; 
import { AppRegistry, ListView, Text, View } from 'react-native'; 

export default class Counter extends Component { 
    render() { 
     return{ 
      **<View>** 
       <Text>Counter component</Text> 
      </View> 
    }; 

    } 
} 

進口使用下面的命令文件中的index.android.js

import Counter from './app/components/CounterComponent' 

Answer 1

嘗試更換您的{爲(回報，這樣的事情後：

import React, { Component } from 'react'; 
import { AppRegistry, ListView, Text, View } from 'react-native'; 

export default class Counter extends Component { 
    render() { 
     return (
      <View> 
       <Text>Counter component</Text> 
      </View> 
     ); 

    } 
}