Android 导入react native时出现意外标记

我对react native很陌生，在将基本组件导入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>
    };

    }
}

---

请尝试在返回后将

{

替换为

（

），如下所示：

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>
        );

    }
}

import React，{Component}来自'React'；
从“react native”导入{AppRegistry，ListView，Text，View}；
导出默认类计数器扩展组件{
render（）{
返回(
反元件
);
}
}

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>
        );

    }
}