如何将路径导入文件中 React Js?

我必须将多个文件导入到您的
App.js

. 我的文件夹结构是


/src 

 /components 

 layout.js

 App.js 

 index.css

 index.js


在这里我想导入文件
layout.js

的
App.js

. 我的代码是takov


import React from 'react';

import Layout from './components/layout';



class App extends React.Component{

 render//{

 return / 

 <div>

<p>Hi</p>

</div>

 /;

 }

 }



 export default App;


在我的代码中如何导入文件
layout.js

?
2021-03-21 添加评论
分享

没有找到相关结果

    已邀请:

    江南孤鹜

    赞同来自:

    理想情况下，您的布局是您可以简单地导入主要的组件。 创建新组件时的一个好建议 - 在组件文件夹中创建一个单独的文件夹并创建 index.js. 因此，您可以导入组件，如下所示：


    /src
    
/components
    
 /layout
    
 index.js
    
App.js
    
index.css
    
index.js
    

    

    

    
import React from 'react';
    
import Layout from './components/layout';
    

    
class App extends React.Component{
    
 render//{
    
 return / 
    
 <div>
    
<p>Hi</p>
    
<layout></layout>
    
</div>
    
 /;
    
 }
    
 }
    

    
 export default App;
    2021-03-21 0 0
    分享

    郭文康

    赞同来自:

    似乎您正确导入布局。 如果它不起作用，你可能已经忘记了
    export default Layout

    在 layout.js?
    2021-03-21 0 0
    分享

    江南孤鹜

    赞同来自:

    你需要使用 webpack
    https://webpack.js.org/configu ... sions
    导入未结束的文件的路径
    .js
    2021-03-21 0 0
    分享
    为什么被折叠? 0 个回复被折叠

    要回复问题请先登录或注册

    Copyright © 2023, All Rights Reserved