从reactjs应用程序运行js文件

Question

Nodejs存储了很多.js文件，它们是exp1.js，exp2.js，exp3.js。名为ABTest的Reactjs应用程序，其中会显示一个菜单，用户可以选择要运行的exp。选择exp后，用户单击START按钮在ABTest应用程序中运行选定的exp。如何运行ABTest reactjs应用程序中的.js文件？

Answer 1

它与React无关。要动态加载一些模块，您可以使用Webpack，如下所示：

const onSelectMenu = useCallback(async (menuId) => {
  const module = await import(`${menuId}.js`);
  ...
}, []);
...
<Menu onSelect={onSelectMenu}>
  <Item value="exp1">First</Item>
  <Item value="exp2">Second</Item>
  <Item value="exp3">Third</Item
</Menu>

https://webpack.js.org/guides/code-splitting/#dynamic-imports

更多react示例：https://reactrouter.com/web/guides/code-splitting