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

Question

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

http://d1cs08zudd3ykv.cloudfront.net/dev/img/arrow-up.svg 在 reactJS 中显示。当我尝试使用时，要求不起作用，但要求正在使用本地路径。有没有可能做或者有没有其他方法可以做到这一点？又该怎么做呢？

Answer 1

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

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