javascript - 在按钮上添加加载状态 - Reactjs Shopify Polaris

Question

我正在尝试在用户单击登录时在按钮上添加加载状态，直到登录功能返回某些内容。

简单的按钮就像：

<Button primary onClick={this.handleSubmit}></Button>

加载按钮就像：

<Button primary onClick={this.handleSubmit} Loading></Button>

因此，我想Loading在用户单击按钮时将属性添加到按钮中，但在以下代码中出现错误：

这是按钮代码：

<Button primary onClick={this.handleSubmit} {this.state.buttonloading}>Login</Button>

错误：

Syntax error: Unexpected token, expected ... (64:61)
AT: <Button primary onClick={this.handleSubmit} {this.state.buttonloading}>Login</Button>
                                                ^

我想如何在 Button 组件中添加Loading属性

PS。我正在使用Shopify Polaris 组件

Answer 1

改成

<Button primary onClick={this.handleSubmit} Loading={this.state.buttonloading}>Login</Button>