将 webpack 和 babel 添加到我的项目后，Reactjs 单击按钮不起作用

Question

在添加 webpack 之前这是有效的，在添加之后它就停止了。

export class Main extends Component { 
        constructor(props) {
            super(props);
            this.state = {
                currentPage: states.allProducts
            };
           
            this.handleClick = this.handleClick.bind(this);
            
        }
        async componentDidMount() {
            let currentPage = this.state.currentPage;
        }
       
        handleClick() {
            alert('a');
        }
        render() {
            return (
                <button onClick={this.handleClick}>
                    Say hello
                </button>
            );
        }
    }

Answer 1

强烈推荐使用 create-react-app。 它会自己设置和安装所有的 babel 插件和预设，所以你不会遇到这样的问题。

这里提到How To Use Async Await in React

现在，create-react-app 支持开箱即用的 async/await。但是如果你有一个 webpack 样板，你可能会遇到一个错误（稍后会更多）。

是因为缺少一些 babel 插件，你可以安装它们，希望一切都会再次正常运行