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

Question

我Assets在应用程序的 src 目录中有一个文件夹，我试图在其中托管 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 的 React 组件中的导入语句

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