How to import react local images

require("../assets/02_slices/组 [email protected]")

Method 1: Import first and then quote

The second way is to directly import

 <img
  src={
    
    require("../assets/01_slices/logo.png")}
   alt=""
   className="header-container-img"
 ></img>

Way three traverse references

    containerSecondList = [
        {
    
    
          imgsrc: require("../assets/02_slices/组 [email protected]")
        },
        {
    
    
          imgsrc: require("../assets/02_slices/组 63@2x(1).png")        },
      ];
  

<ul>
   {this.containerSecondList.map((item, index) => {
     return (
       <Fragment key={index}>
         <li>
           <img
             src={item.imgsrc}
             alt=""
           ></img>
         </li>
       </Fragment>
     );
   })}
 </ul>