Как использовать MobileU Stepper в MaterialUI в HypserStack? - PullRequest
Новая
       41

Как использовать MobileU Stepper в MaterialUI в HypserStack?

0 голосов
/ 15 апреля 2019

Я пытаюсь использовать компонент mobile-stepper (https://material -ui.com / demos / steppers / # mobile-stepper-progress ) в Hyperstack, но получаю эту ошибку:

Failed prop type: Invalid prop `nextButton` supplied to `MobileStepper`, expected a ReactNode. in MobileStepper

Отображает только индикатор выполнения, но без кнопок.

Пробовал разными способами, т. Е .:

Mui.MobileStepper( variant: "progress", steps: 6, position: "static",
                   nextButton: lambda { Mui.Button(size: "small") {'next'} },
                   backButton: lambda { Mui.Button(size: "small") {'back'} })

1 Ответ

3 голосов
/ 15 апреля 2019

Вы хотите передать полный ReactNode реквизитам nextButton и backButton. Вам также необходимо конвертировать компонент в нативный JavaScript. Вы можете вызвать to_n для любого компонента Hyperstack, чтобы преобразовать его в собственный класс реакции. 

Mui.MobileStepper( variant: "progress", steps: 6, position: "static",
                   nextButton: Mui.Button(size: "small") {'next'}.to_n,
                   backButton: Mui.Button(size: "small") {'back'}.to_n)
...