React项目中图片无法显示问题求助（附代码片段）

• src属性使用错误：你通过import dress from "./images/dress.png"导入的dress是图片的资源路径字符串，而非React组件。但你在<img>标签里把它写成了JSX元素<dress />，这会导致src无法正确识别图片路径。正确写法应该是直接将dress作为src的值：

  <img src={dress} alt="logo"/>
  

• React类名属性规范问题：React中定义元素类名需要用className代替class（class是JavaScript关键字），虽然这不是图片不显示的直接原因，但会导致样式无法正常生效，建议修正：

  <div className="text-center m-10 mx-96">
  

修正后的核心代码片段：

import dress from "./images/dress.png"

const I1 = () => {
  return (
    <div className="text-center m-10 mx-96">
      <img src={dress} alt="logo"/>
      <div className="mt-10 mx-60">
          <div className="flex flex-row gap-5">
              {/* 其他图片代码 */}
          </div>
      </div>
    </div>
  )
}

内容的提问来源于stack exchange，提问作者Identicon