reactjs 在React中从服务器动态加载组件

hgc7kmma 于 2023-04-29 发布在 React

关注(0)|答案(1)|浏览(167)

这不是常见的动态加载问题。在我们的项目中，我们在服务器上有一些js文件（包含组件），我们希望在react应用程序中动态加载这些组件。
我知道import（），但它需要文件的路径。在我们的例子中，文件在服务器上。有什么办法可以做到这一点。
服务器上的文件Foo.js

import React from 'react'

export default function Foo() {
  return (
    <div>My Complex component</div>
  )
}

我的React应用

import React from "react";

export default function App() {
  const Component = fetchFooFromServer(); // how to do this
  return (
    <div>
      <Component></Component>
    </div>
  );
}

我愿意听取任何建议。使用import（），React.懒惰等等

reactjs

来源：https://stackoverflow.com/questions/76132831/dynamically-load-components-from-server-in-react

1条答案

按热度按时间

sycxhyv71#

假设Foo。js和你的React应用程序在同一个文件夹中，你应该可以像这样导入组件：

import React from "react";
import Foo from "foo";

export default function App() {
  return (
    <div>
      <Foo></Foo>
    </div>
  );
}

赞(0）回复(0）举报 2023-04-29

我来回答

reactjs 在React中从服务器动态加载组件

1条答案

相关问题

热门标签

最新问答