如何在React Web和React Native应用程序之间共享代码?

时间:2019-02-21 05:23:55

标签: reactjs react-native service

  

React JS和React中有很多服务和代码块   本机很常见,所以我不想写重复的代码   为React Js和React Native提供服务吗?请建议我,如何   有可能。

假设这是3个存储库:

1) ReactJs:该存储库用于Web开发的ReactJs应用程序(该存储库中存在ReactJS代码)。

2) ReactNative:该存储库用于用于移动开发的ReactNative应用程序(该存储库中存在ReactJS代码)。

3) ReactServices :在此存储库中,我创建了一些应在ReactJs和ReactNative中使用的服务

例如: ReactServices:此存储库具有一个服务,其名称为data.service.js,在此方法中,名称为getData

文件名:data.service.js

代码:

export const getData = () => {

    let data = {
        'name': 'sample name',
        'city': 'sample city'
    };
   return data;
}

我想同时在Project React Js和React Native中使用此服务,不想为这两个项目创建单独的服务

ReactJs:

文件名: App.js

代码:

import * as datas from 'path../data.service';


datas.getData()
    .then(res => {
    console.log(res);
    })
    .catch(error => {

    });
}

反应性: 文件名:App.js 代码:

import * as datas from 'path../data.service';


datas.getData()
    .then(res => {
    console.log(res);
    })
    .catch(error => {

    });
}

0 个答案:

没有答案