reactjs - 如何在 React 中调整图像大小

Question

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

 }

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

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

你如何在 react 中调整 img 的大小？谢谢!

Answer 1

我不确定 css 的导入是否错误，是否还有其他原因导致了问题。
工作codesandbox link

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;
}

希望有帮助!!!