层级变更切换key绑定位置

src/App.js

@@ -162,11 +162,11 @@ const App = () => {
       {list.map(([key, el]) => (
         <div
           className="block-wrapper"
-          style={{ ...el.style, backgroundImage: "nonde" }}
+          key={key}
+          style={{ ...el.style, backgroundImage: "none" }}
         >
           <div
             className="block"
-            key={key}
             style={{ backgroundImage: el.style.backgroundImage }}
             onClick={(e) => {
               if (!itemData) {

src/App.scss

@@ -21,7 +21,7 @@
   }
   .block-wrapper {
     position: absolute;
-    border: 1px solid rgb(224, 224, 224);
+    // border: 1px solid rgb(224, 224, 224);
     opacity: 1;
     padding: 8px 10px;
     box-sizing: border-box;