Shopify polaris（React js）按钮点击事件无效

Question

我是新手来反应js。 几个小时后，我终于有了一些登录框代码渲染。

但问题是我无法在按钮上绑定click事件。 我在用什么。

1. Laravel 5.6
2. 反应js（16.3.1）

我到目前为止所尝试的是

1. https://www.tutorialspoint.com/reactjs/reactjs_events.htm
2. https://reactjs.org/docs/handling-events.html

这是我的最终代码

import React, {Component} from 'react';
import {Page, Card, Button,List,TextField} from '@shopify/polaris';

export default class Login extends React.Component {
    constructor() {

        super();
        this.loginBtbClicked = this.loginBtbClicked.bind(this);
}
loginBtbClicked() {
      debugger;
      console.log('Hello');
}
render() {
    debugger;
    /* Some css code has been removed for brevity */
    var divStyle = {
        width: '500px'
    };
    return (
        <div className="mt-5 mx-auto" style={ divStyle }>
        <Card title="Login" subdued sectioned>
            <div>
            <TextField label="Store Url" type="text" helpText='ex. store.myshopify.com'></TextField>
            </div>
            <div className="mt-5">
            <Button  size="large" fullWidth primary onClick = {this.loginBtbClicked} >Login</Button>
            </div>
        </Card>
        </div>
        );
    }
}

还帮助我对表单提交和点击事件的反应js进行最佳实践。

这是github项目的链接

https://github.com/little-isaac/shopify-polaris-laravel-test.git

Answer 1

我更改了webpack.mix.js文件的路径

来自

mix.react('resources/assets/js/app.js', 'public/app.js')

到

mix.react('resources/assets/js/app.js', 'js/app.js')

忘了改变公共路径

mix.setPublicPath('');