Добавление Ionic React в существующий проект React

Question

Используя эту ссылку, я успешно добавил самый простой код в свой существующий проект реакции. Я не понимаю, что делать дальше? Как мне создавать приложения из моего существующего проекта React? Думаю, мне нужно сделать этот проект ионным. Но как мне это сделать?

Это то, что я делал до сих пор согласно руководству. Приложение React отлично работает в моем браузере.

import MomentUtils from '@date-io/moment';
import '@fake-db';
import FuseAuthorization from '@fuse/core/FuseAuthorization';
import FuseLayout from '@fuse/core/FuseLayout';
import FuseTheme from '@fuse/core/FuseTheme';
import history from '@history';
import { createGenerateClassName, jssPreset, StylesProvider } from '@material-ui/core/styles';
import { MuiPickersUtilsProvider } from '@material-ui/pickers';
import { create } from 'jss';
import jssExtend from 'jss-plugin-extend';
import rtl from 'jss-rtl';
import React from 'react';
import Provider from 'react-redux/es/components/Provider';
import { Router } from 'react-router-dom';
import { IonApp, IonRouterOutlet } from '@ionic/react';
import { IonReactRouter } from '@ionic/react-router';
import AppContext from './AppContext';
import { Auth } from './auth';
import routes from './fuse-configs/routesConfig';
import store from './store';

const jss = create({
    ...jssPreset(),
    plugins: [...jssPreset().plugins, jssExtend(), rtl()],
    insertionPoint: document.getElementById('jss-insertion-point')
});

const generateClassName = createGenerateClassName();

const App = () => {
    return (
        <IonApp>
            <IonReactRouter>
                <IonRouterOutlet>
                    <AppContext.Provider
                        value={{
                            routes
                        }}
                    >
                        <StylesProvider jss={jss} generateClassName={generateClassName}>
                            <Provider store={store}>
                                <MuiPickersUtilsProvider utils={MomentUtils}>
                                    <Auth>
                                        <Router history={history}>
                                            <FuseAuthorization>
                                                <FuseTheme>
                                                    <FuseLayout/>
                                                </FuseTheme>
                                            </FuseAuthorization>
                                        </Router>
                                    </Auth>
                                </MuiPickersUtilsProvider>
                            </Provider>
                        </StylesProvider>
                    </AppContext.Provider>
                </IonRouterOutlet>
            </IonReactRouter>
        </IonApp>
    );
};

export default App;

Answer 1

Я придумал, как это сделать.

Для этого вам понадобится что-то, называемое ионным конденсатором. Больше информации. можно найти здесь.

Официальную статью Ionic можно найти здесь. Однако он не объясняет, что нужно сделать для создания кроссплатформенных приложений.

Примечание. Вышеупомянутая часть не является обязательной, если вы хотите просто протестировать свое приложение React и посмотреть, как фактическое приложение Android/iOS/Electron создается с использованием Ionic.

Если вы просто хотите создавать кроссплатформенные приложения, не меняя код в существующем проекте реакции, следуйте инструкциям на этой странице. Прокрутите вниз до раздела Создание приложения для Android.