将 props 中断到下一行以获取 react 中的组件

Question

我正在使用 Prettier 并尝试在保存时格式化并打破我的道具行

<A key={id} image={avatar} username={username} />

当我保存时。

<A 
  key={id} 
  image={avatar} 
  username={username} />

Answer 1

我们可以为此使用react/jsx-first-prop-new-line 规则。

参考 - https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/jsx-first-prop-new-line.md