意外的标记答案

【问题标题】：Unexpected token意外的标记
【发布时间】：2017-01-09 05:08:07
【问题描述】：

我正在为 react-native 工作。在下面的代码中，我无法弄清楚意外令牌是什么。有什么想法吗？

export default class connects extends Component {
    render() {
        return (
            <Container>
                <Header>
                    <Title>Header</Title>
                </Header>

                <Content>
                    // Your main content goes here
                </Content>

                <Footer>
                    <FooterTab>
                        <Button transparent>
                            <Icon name='ios-call' />
                        </Button>
                    </FooterTab>
                </Footer>
            </Container>
        );
    }
};

（节点：14026）UnhandledPromiseRejectionWarning：未处理的承诺拒绝（拒绝 id：1）：SyntaxError：SyntaxError /home/samgitre/Mobile/Workspace/connects/index.android.js：意外令牌（7:13）

【问题讨论】：

请编辑您的问题以包含您看到的确切错误消息。
你应该尝试用capitalize更改类名。
这是我遇到的错误：(node:14026) UnhandledPromiseRejectionWarning: Unhandled PromiseRejectionWarning: Unhandled Promise Rejection (rejection id: 1): SyntaxError: SyntaxError /home/samgitre/Mobile/Workspace/connects/index. android.js: Unexpected token (7:13) 我试图对类进行 capilize 但仍然有相同的消息。
而上面的代码就是index.android.js文件里面的代码

标签： react-native

【解决方案1】：

在 JSX 中，使用“javascript”注释插入 cmets：

 {/* Your main content goes here */}

【讨论】：

这是正确的，@SpencersAllen 你没有用大括号包裹你的 JSX 内联代码。这在您的 IDE 中应该相当明显，通常应该将 cmets 变为绿色/灰色。
是的，感谢您的回复，但即使删除了整个评论，我仍然遇到同样的错误。我真的不知道出了什么问题。

【解决方案2】：

Button 上的 transparent 无效。你想要的是：

<Button color='transparent' />

【讨论】：

是的，我使用 Native-base 模块来简化样式和图标，文档中就是这样 (nativebase.io/docs/v0.5.13/components)

【解决方案3】：

在使用 Native-Base 的 Anatomy 示例时，我遇到了同样的问题。经过多次寻找解决方法后，我找到了答案:) 您需要在 index.android.js 中有这两行：

import { AppRegistry } from 'react-native'

....你的班级 TEST1

AppRegistry.registerComponent('test1', () => TEST1)

【讨论】：