在 tsx 文件中的 ReactJS 中显示来自 url 的图像

问题描述

我想在 React 中显示来自 URL 的图像。例如，我想要 tsx 文件中的这个图像

http://d1cs08zudd3ykv.cloudfront.net/dev/img/arrow-up.svg 在 reactJS 中显示。当我尝试使用 requires 不起作用但 require 正在使用本地路径时。是否有可能做到或有其他方法可以做到？以及怎么做？

解决方法

只需将图像 src 设置为图像的 URL

const Component = (props) => {
  return (
    <div>
      <img src="http://d1cs08zudd3ykv.cloudfront.net/dev/img/arrow-up.svg" alt="" />
    </div>
  );
};