Dynamic import in react not working when trying to import a component in another directory

Question

Hello everyone I have been trying dynamic imports in react for rendering my components for an app created with CRA (create-react-app) and while it works perfectly for some c

Answer 1

If FooterComp is under src, the path should be './FooterComp/Footer' not '../FooterComp/Footer'

---

Edit

Index.js

    render() {
          console.log('in render')
         // alert("in render")
        const { module: Component } = this.state; 
        return(
          

            {Component && }
          
        )
      }
    }

ReactDOM.render(, document.getElementById('root'));

FirstComponent.js

render() {
      const { module: Component } = this.state;
    return (
      

        

        
          

            Edit src/App.js and save to reload.
          
          
            Learn React
          
        
        {Component && }
      
    );
  }