propsで関数を渡した際に、当該関数に引数が指定されていることをlintの段階で保証したい
解決したいこと
Reactの関数コンポーネントで、propsに関数を入れた際に、関数の引数指定がされていることをコードを書いた時点で確かめたいのですが、どうすればよいのでしょうか。
発生している問題
例えば以下のコンポーネントを作りました。
export function Child({onChange}:{onChange:(newValue: string) => void}) {
return <>{/*中身は省略*/}</>
}
それを呼び出す際に、以下のようにしてもChild
をlintに叱られることなく呼び出せてしまいます。
export function Parent() {
return (<Child onChange={() => {/*何かする*/}} />)
}
このとき、lintを使ってChild
のonChange
propsの中で何かしらの引数がカッコ内にあることを確かめることはできるのでしょうか。
自分で試したこと
以下のキーワードで調べましたが、該当する情報はありませんでした。
- react typescript props function ensure one arg
- react typescript props function ensure one parameter
1