比较来自世界各地的卖家的域名和 IT 服务价格

如何将路径导入文件中 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

?
已邀请:

江南孤鹜

赞同来自:

理想情况下,您的布局是您可以简单地导入主要的组件。 创建新组件时的一个好建议 - 在组件文件夹中创建一个单独的文件夹并创建 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;

郭文康

赞同来自:

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

在 layout.js?

江南孤鹜

赞同来自:

你需要使用 webpack
https://webpack.js.org/configu ... sions
导入未结束的文件的路径
.js

要回复问题请先登录注册