javascript - 意外 token `}`

Question

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

这是发生错误的代码:

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

typescript :

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

如果我注释掉 return ReactDOMServer 行，那么就没有错误。为什么会出现这个错误？

我还通过jslint传递了该函数，但没有遇到这个问题。

谢谢!

Answer 1

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

尝试

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

navComponent改名为NavComponent，navBarNoUser => NavBarNoUser