如何在 React 中调整 img 的大小

Question

 render() {
   <img className="photo" src={"/public/love"} />

 }

我有一个链接到它的 css 文件，但它仍然无法正常工作

 .photo {
      height: 100px;
      width: 100px; 
 }

你如何在反应中调整 img 的大小？谢谢！

Answer 1

这是在最新的Reactjs中直接在代码中赋予图像大小的另一种方法。您还可以使用这些类来定位图像。

<img src='imagepath.jpg' width={250} height={250} alt='Large Pizza' />

Answer 2

我不确定 css 的导入是否错误，是否还有其他原因导致了问题。工作代码和框链接

import React from "react";
import ReactDOM from "react-dom";
import panda from "./images/panda.png";

import "./styles.css";

function App() {
  return (
    <div>
      <img alt="panda" className="photo" src={panda} />
    </div>
  );
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);

样式文件

.photo {
  height: 200px;
  width: 200px;
}

希望有帮助！！！