大佬教程收集整理的这篇文章主要介绍了从另一个方向导入整个 SVG 图像文件夹,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
import Icon from '../../icons'
@H_607_2@但我猜这不是正确的方式。
import './WeatherBox.CSS'
import Icon from '../../icons'
const dateBuilder = (d) => {
let months = ["January","February","march","April","May","June","July","August","September","October","November","December"]
let days = ["Sunday","Monday","Tuesday","Wednesday","Thursday","FrIDay","Saturday"];
let day = days[d.getDay()];
let date = d.getDate();
let month = months[d.getMonth()];
let year = d.getFullYear();
return `${day} ${datE} ${month} ${year}`
}
const WeatherBox = ({result}) => {
return (
<div classname="LOCATIOnDate">
<span>{result.LOCATIOn}</span>
<span>{dateBuilder(new Date())}</span>
<span>{result.temp}°C</span>
<img src={Icon.clear} alt=""/>
</div>
)
}
export default WeatherBox;
/static/directory/${icon}.svg
发送 http GET 请求,这样您就可以加载它们而无需引用它们。
@H_607_2@另一种解决方案是在代码中提及它们,例如您可以使用以下代码在 icons
目录中创建一个 index.js 文件:
import clear from './clear.svg';
export const Icons = {
clear,}
@H_607_2@通过这种方式,您可以在代码中执行以下操作:
import { Icons } from '../../icons';
Icons.clear // URL to the svg
以上是大佬教程为你收集整理的从另一个方向导入整个 SVG 图像文件夹全部内容,希望文章能够帮你解决从另一个方向导入整个 SVG 图像文件夹所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。