antdesign jsx 导入本地图片
时间: 2023-08-03 12:07:32 浏览: 79
使用require.context完成本地图片批量导入
要在 antdesign 的 JSX 中导入本地图片,可以使用 `require` 方法将图片导入为一个模块,然后在 JSX 中使用该模块作为图片的路径。例如:
```jsx
import React from 'react';
import logo from './logo.png'; // 导入图片
function App() {
return (
<div>
<h1>My App</h1>
<img src={logo} alt="Logo" />
</div>
);
}
export default App;
```
在上面的例子中,我们使用 `import` 语句将本地图片 `logo.png` 导入为一个模块 `logo`,然后在 JSX 中使用该模块作为图片的路径。注意,我们使用了大括号 `{}` 将模块名称包裹起来,这是因为在 JSX 中需要使用 JavaScript 表达式。
阅读全文