Question

我正在使用reactjs，这是我的组件代码的一部分：

  myType() {
        return myComponent;
  }
  render() {
              return (
                <div className="row">
                    {
                       let thisType = this.myType;
                       return (<thisType />)
                    }
                </div>
            );
  }

当我运行我的代码时，我收到此错误：

BabelLoaderError: SyntaxError: ../.../myComponent.js: Unexpected token (47:19

这是指向let语句吗？

Answer 1

为什么不试试

<div className='row'>
   { this.myType() }
</div>

Answer 2

您应该在JSX之外获取组件的名称，并将其放在首字母大写的变量中（这就是JSX如何确定它是否是自定义组件）：

myType() {
    return myComponent;
}

render() {
    let ThisType = this.myType();

    return (
        <div className="row">
            <ThisType />
        </div>
    );
}

如何解决我的jsx中的意外令牌错误？

2 个答案: