Question

在官方react网站上的this文章中，我可以清楚地看到使用await动态导入模块是允许的，但是当我尝试这样做时（就像在例子）在我的代码中，我得到的错误是：

Syntax error: await is a reserved word (11:31)

我错过了什么？

修改

代码只是为了方便：

class App extends Component {
    state = {
        lazyComponent: null
    }
    componentDidMount() {
        const { default: Message } = await import('./Message.js');
        this.setState({
            lazyComponent: <Message />
        })
    }
    render() {
        return (
            <div className="App">
                <p>Let's start!</p>
                {this.state.lazyComponent || <p>Loading...</p> }
            </div>
        );
    }
}

export default App;

Answer 1

您错过了async之前的componentDidMount()字词，它显示在您提供的链接中

使用codesplitting和await创建反应应用程序

1 个答案: