意外的令牌`}`

Question

我正在使用javascript并react ，由于某种原因，我收到一个奇怪的令牌错误。

以下是发生错误的代码：

renderNavBar() {
        if (!this.userHash) {
            return server_1.default.renderToString(React.createElement(navComponent.navBarNoUser, null));
        }
    }

打字稿：

renderNavBar() {
        if (!this.userHash) {
            return ReactDOMServer.renderToString(<navComponent.navBarNoUser />);
        }
    }

如果我注释掉return ReactDOMServer行，则没有错误。 为什么会出现此错误？

我也通过jslint传递了这个函数，但我没有得到这个问题。

谢谢！

Answer 1

因为React Component的名称必须是大写的。

尝试

renderNavBar() {
        if (!this.userHash) {
            return ReactDOMServer.renderToString(<NavComponent.NavBarNoUser />);
        }
    }

navComponent将名称更改为NavComponent，navBarNoUser => NavBarNoUser

Answer 2

所以我发现我的元素的tsx标记是错误的。

基本上，我在点击处理程序上保持一个空的onClick={} 。 这是导致我的错误的原因。

谢谢