javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-24 14:58:36 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(modal): use framework delegate for mounting the user's component

Browse Source
This commit is contained in:
Dan Bucholtz
2017-12-14 00:10:52 -06:00
parent c30337bf8c
commit ec33d4e725
35 changed files with 546 additions and 148 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
packages/demos/react/src/pages/PageOne.js
View File

@ -1,6 +1,9 @@
import React, { Component } from 'react';
import { createModal } from '@ionic/react';
import PageTwo from './PageTwo';
import ModalPage from './ModalPage';
export default class PageOne extends Component {
@ -35,6 +38,14 @@ export default class PageOne extends Component {
nav.push(PageTwo, { paramOne: 'Tobey Flenderson'});
}
openModal() {
return createModal({
component: ModalPage
}).then((modal) => {
return modal.present();
});
}
componentDidMount() {
setInterval(() => {
this.setState({ content: Math.random() * 1000});
@ -54,6 +65,9 @@ export default class PageOne extends Component {
<div>
<ion-button onClick={() => this.goToPageTwo()}>Go to Page Two</ion-button>
</div>
<div>
<ion-button onClick={() => this.openModal()}>OpenModal</ion-button>
</div>
<div>
Some random content: {this.state.content}
</div>