Добавление состояния загрузки на кнопку - Reactjs Shopify Polaris

Я пытаюсь добавить состояние загрузки кнопки, когда пользователь нажимает кнопку входа, пока функция входа не выдаст что-либо.

Простая кнопка похожа на:

<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>
                                                ^

Как я должен добавить атрибут загрузки в компоненте кнопки

PS. Я использую Shopify Polaris Components

1 ответ

Решение

Изменить на

<Button primary onClick={this.handleSubmit} Loading={this.state.buttonloading}>Login</Button>
Другие вопросы по тегам