Code Lab 🤔

😇

React の arrow function で react/prop-types が出た

react

typescript

公開:

TL;DR

'react/prop-types': 'off'をつければいいやん

現象

const hoge: React.VFC<Props> = ({ aaa, bbb }) => (...)

こんなコンポーネントを作ってeslintを通すと、

   -:--  error  'aaa' is missing in props validation  react/prop-types
   -:--  error  'bbb' is missing in props validation  react/prop-types

みたいに出る。

↑ここでいろいろ議論されてる

結論

いろいろ解決策は出てきてるけど、個人的には.eslintrc.jsを修正が一番楽そうとおもっている。

...
rules: {
  'react/prop-types': 'off'
}
...