Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 动态加载组件以从外部url响应本机应用程序_Reactjs_React Native - Fatal编程技术网

Reactjs 动态加载组件以从外部url响应本机应用程序

Reactjs 动态加载组件以从外部url响应本机应用程序,reactjs,react-native,Reactjs,React Native,是否可以从外部URL动态地将组件加载到捆绑的react本机应用程序中 我最终想要达到的目标的例子 const id = await fetch('http://example.com/getid/'); import CustomModule from `http://example.com?id=${id}` export default class App extends React.Component { render() { return ( <View sty

是否可以从外部URL动态地将组件加载到捆绑的react本机应用程序中

我最终想要达到的目标的例子

const id = await fetch('http://example.com/getid/');

import CustomModule from `http://example.com?id=${id}`

export default class App extends React.Component {
  render() {
  return (
    <View style={styles.container}>
      <CustomModule />
    </View>
  );
 }
}
const id=wait fetch('http://example.com/getid/');
从导入自定义模块`http://example.com?id=${id}`
导出默认类App扩展React.Component{
render(){
返回(
);
}
}

目前无法导入外部URL组件

如果某个组件托管在外部链接上,请在项目中克隆/复制/下载该组件并导入该组件


如果您有一组通用组件,您可以将它们托管在专用npm注册表上,然后将它们添加到package.json中,并将它们导入到您的代码中。

我怀疑它可能是重复的。我的问题是关于反应。不是网络浏览器上的Es6。谢谢。我知道。我正在尝试构建一个应用程序,开发者可以动态添加他们的插件(组件),应用程序可以加载这些组件,而无需更新应用程序源代码。我不确定我是否理解你的意思,但如果你指的是实时更新,而无需再次推送应用程序,这是可能的,但换一种方式,“实时推送”或“实时更新”有两种服务可以让你做到这一点,比如CodePush和Expo OTA谢谢。我知道OTA的更新。问题是,在OTA中,每次更改都需要更新和推送整个应用程序。如果我可以从URL获取组件,那么我就不需要更新整个应用程序。我用angularJS做了这个。在那里,您可以
eval()
JS代码,然后$compile它们成为新的指令。但我不能对你做同样的事。我在问题中的例子解释了我想要实现的目标。我不想通过OTA更新整个应用程序,我只想动态地从外部URL获取组件-你怎么处理这个@imana97的?“很想听听你的结果。”史蒂夫帕斯科不幸的是,还没有人能回答这个问题。我在离线的时候和很多人讨论过这个问题,没有人有最好的解决方案。facebook为编译react本机代码而创建的内容似乎有点神秘。有人告诉我使用他们的代码推送机制用新组件更新整个代码库。除此之外,我没有其他解决办法。