Plus joli, les accolades "{ }" ont été supprimées dans le fichier .jsx

Question

J'ai le bloc de code suivant dans mon .jsx fichier :

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

Mais la plus jolie enlèvera la seconde {" "} comme ceci :

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

Il supprimera également {" "} dans d'autres parties du code. Si quelqu'un peut m'aider à résoudre ce problème, je lui en serais très reconnaissant.

La seule solution que j'ai trouvée était en prettier的配置中使用prettier.bracketSpacing mais cela n'a pas aidé.

Answer 1

Essayez ceci :

const space = " ";
return ( ...
<div className="">
   <h1 className="">
       下一代<br className="sm:block hidden" /> {space}
       <span className="text-gradient">支付</span> {space}
       付款
   </h1>
</div>