Как открыть и закрыть Shopify Polaris Modal с помощью App-Bridge - PullRequest
Новая
       31

Как открыть и закрыть Shopify Polaris Modal с помощью App-Bridge

0 голосов
/ 13 января 2019

Я использую Shopify Polaris @ 3.4.0 и App-Bridge @ 1.0.3. Также использовал shopify-node-app в качестве стартовой.

Я инициализирую app-bridge, передавая значения apiKey и shopOrigin следующим образом: 

<AppProvider apiKey={apiKey} shopOrigin={shopOrigin} 
  <Switch>
      <Route exact path='/admin' component={Dashboard} />
  </Switch>
</AppProvider>

В моем компоненте Dashboard у меня есть модальный компонент: 

<Modal
   src='https://somewhere/',
   title='title',
   open={modalActive}
/>

Я открываю модальное состояние, устанавливая состояние true для modalActive следующим образом: 

 this.setState({modalActive: true});

Shopify Polaris Modal использует iframe, когда используется src , и с этой точки зрения у меня есть форма для отправки. Я хотел бы закрыть модал при отправке формы. Я попытался отправить действие, чтобы закрыть модал с помощью app-bridge, но, честно говоря, я запутался, и это все последние выпуски, поэтому любая помощь приветствуется.

1 Ответ

0 голосов
/ 17 января 2019

Короткий рассказ о передаче функции модальной команде primaryAction. Ядром этого является изменение состояния дочернего компонента к родительскому. Итак, еще вопрос ReactJS.

...