javascript - 如何在 React Native 中动态包含模块

Question

我正在尝试动态执行动态导入 import (this.props.myImportModulePath) 但我得到:

Error: TrasformError index.js: index.js:Invalid call at line 12: import(_this.props.myImportModulePath), js engine: hermes  

我不确定这是解决方法，但我想要得到的是 import ToastExample from './ToastExample';动态的。

下面是我的做法。

谢谢大家。

import React, {Component} from 'react';
import {AppRegistry, Text} from 'react-native';

import {name as appName} from './app.json';

class HelloWorld extends Component {

    constructor(props) {
        super(props);

        this.state = {
            OtherComponent: React.lazy(() => import (this.props.myImportModulePath))
        }
    }

    render() {
        return (
            <Text>HELLO World</Text>
        );
    }
}
AppRegistry.registerComponent(appName, () => HelloWorld);  

请注意，这在我更改时有效

OtherComponent: React.lazy(() => import (this.props.myImportModulePath))

进入

OtherComponent: React.lazy(() => import ('./myImportModule')) ,

即直接将路径作为字符串传递 './myImportModule'而不是将其作为 prop 传递值 this.props.myImportModulePath
谢谢大家。

Answer 1

我认为您不能动态使用导入，但您可以动态更改您正在调用的组件，语法如本文所述:React - Dynamically Import Components