Lebih cantik dialihkan pendakap kerinting "{ }" dalam fail .jsx
P粉760675452
P粉760675452 2024-04-03 17:29:10
0
1
478

Saya mempunyai blok kod berikut dalam fail .jsx saya:

<div className="">
        <h1 className="">
          The Next <br className="sm:block hidden" /> {" "}
          <span className="text-gradient">Generation </span> {" "}
          Payment
        </h1>
      </div>

Tetapi lebih cantik akan mengeluarkan yang kedua {" "} seperti ini:

<div className="">
        <h1 className="">
          The Next <br className="sm:block hidden" /> {" "}
          <span className="text-gradient">Generation </span>
          Payment
        </h1>
      </div>

Ia juga akan mengalih keluar {" "} di bahagian lain kod. Jika sesiapa boleh membantu saya menyelesaikan masalah ini, saya amat berterima kasih.

Satu-satunya penyelesaian yang saya temui ialah dalam prettier的配置中使用prettier.bracketSpacing tetapi ia tidak membantu.

P粉760675452
P粉760675452

membalas semua(1)
P粉983021177

Cuba ini:

const space = " ";
return ( ...
<div className="">
   <h1 className="">
       下一代<br className="sm:block hidden" /> {space}
       <span className="text-gradient">支付</span> {space}
       付款
   </h1>
</div>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan