React Prettier - 如何删除字符串的支撑括号

Question

我有这个组件。

<ComponentA text='Text A'/>

当我保存文件时，prettier 会将代码更新为

<ComponentA text={'Text A'}/>

如何在更漂亮的情况下禁用此行为？

Answer 1

我不认为有解决这个问题的正确方法。 Github 上的问题线程在没有解决方案的情况下关闭。 但是，解决方法很少

---

1..手动告诉prettier忽略行

您可以在希望 prettier 忽略/跳过格式的每个组件上方使用{/* prettier-ignore */} 。 （意见：它非常耗时且不可扩展）

---

2..更改配置

在更漂亮的配置文件上，添加以下内容

jsxBracketSameLine: false

默认情况下，此规则将检查 JSX 道具和子项中不必要的花括号并发出警告。 为了向后兼容，默认情况下不考虑作为 JSX 元素的 prop 值。 详情在这里