react根据不同location引入不同的接口要怎么实现

  • Z时代
  • 2024-02-27
  • 分类：IT

react根据不同location引入不同的接口要怎么实现

比如一个组件

import {getData,getData1,getData2,...getData10}  from '@/services/demo.ts'
export default const DemoComponent = ()=>{
    // 使用getData,getData1,getData2...
}

现在多个页面使用这一个组件，如何根据不同页面的路径，引入不同的servide，比如另一个页面

import {getData,getData1,getData2,...getData10} from '@/service/demo2.ts'
export default const DemoComponent = ()=>{
    // 使用getData,getData1,getData2...
}

不同页面，只改接口文件的引入，比如只改demo.ts、demo2.t，例如

if(location.path==='demo'){
import {getData,getData1,getData2,...getData10} from '@/service/demo.ts'
}else if(location.path==='demo2'){
import {getData,getData1,getData2,...getData10} from '@/service/demo2.ts'
}
export default const DemoComponent = ()=>{
    // 使用getData,getData1,getData2...
}

回答：

import from 不能这样引入，es6的import from 引入只能在文件顶部，不能放在逻辑结构里。
你可以一次性都引入，在组件再做逻辑判断，return 不同的组件。
另外，更好的方式是使用 react-router 等路由来实现这个功能。

以上是 react根据不同location引入不同的接口要怎么实现 的全部内容， 来源链接： utcz.com/p/936710.html

回到顶部