数据结构
网络
关系型数据库管理系统
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化学
生物
数学
英语
经济学
心理学
社会学
时尚研究
法律研究在 ReactJS 中导入文件和图像
在本文中，我们将了解如何将 CSS 文件、图像和在其他文件夹中定义的函数导入到主 App.js 文件中。
在 React 中，我们需要从其文件夹中动态导入图像。
示例
在这个示例中，我们将定义一个项目结构，其中图像和组件已在资产和组件文件夹中定义，然后我们将动态导入它们到我们的主 App.js 文件中。
项目结构
App.js
import React from 'react';
import MyComponent from './components/my -component.js';
import TutorialsPoint from './assets/img.png';
const App = () => {
return (
<div>
<img src={TutorialsPoint} />
<MyComponent />
</div>
);
};
export default App;my-component.js
import React from 'react';
const MyComponent = () => {
return <div>Hii! This is the custom MyComponent</div>;
};
export default MyComponent;输出
这将产生以下结果。
更新时间：2021 年 3 月 18 日
5000+ 次浏览
广告