Javascript 反应：尝试为SVG创建单独的文件夹并将其导入到我的组件中，但不确定如何导入

在我的应用程序的src目录中有一个名为

Assets

的文件夹，我试图在其中托管SVG，然后将它们导入到我的组件中，但我不知道如何做到这一点。我在下面包括了我的SVG文件，以及我试图将其导入到它正下方的组件中。非常感谢您的帮助

SVG文件

<svg fill="black" viewBox="0 0 320 512" height="1.5rem" width="1.5rem" xmlns="http://www.w3.org/2000/svg">
    <path d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"></path>
</svg>

---

您必须像这样导入包含svg扩展名的文件。 例如：

import icon from '../../assets/caretDown.svg'

您还必须提到分机名。 如果要导入多个图像，则可以在assets文件夹中创建一个index.js文件，其中包含所有资产图像。 例如：

然后您可以将这些导出为

export{icon,iconUp}

然后，每当您需要这些图像在文件中的某个位置时。您可以像这样直接导入：

import {icon} from '../../assets/'

---

例如：

您必须像这样导入包含svg扩展名的文件。 例如：

import icon from '../../assets/caretDown.svg'

您还必须提到分机名。 如果要导入多个图像，则可以在assets文件夹中创建一个index.js文件，其中包含所有资产图像。 例如：

然后您可以将这些导出为

export{icon,iconUp}

然后，每当您需要这些图像在文件中的某个位置时。您可以像这样直接导入：

import {icon} from '../../assets/'

---

例如：

我正在尝试将图标用作背景图像，作为下拉列表的一部分。我这里有一个堆栈闪电战：如何使用create-react-app cli或使用webpack创建项目？我正在尝试将图标用作背景图像，作为下拉列表的一部分。我这里有一个堆栈闪电战：如何使用CreateReact应用程序cli或webpack创建项目？？