React と TypeScript - プロパティが存在する場合は条件付きパラメーターの型を使用する

Question

React では、コンポーネントに prop が渡されるかどうかに基づいて、関数パラメーターに条件付きタイプを設定しようとしています。

これは例です。次のコンポーネントがあります:

リーリー

私がやりたいのは、「objectKey」が props として渡された場合、handleDateChange 関数の「value」パラメーターの型は { [x: string]: Dayjs } になり、そうでない場合は value: Dayjs になります。

これを実装する方法を知っている人はいますか?

Answer 1

関数のオーバーロードを通じて同様の効果を実現できます。

リーリー

このメソッドを使用すると、DatePicker は定義に従ってのみ呼び出すことができますが、実装部分は handleDateChange と objectKey の間の関連付けを認識していないため、明示的に処理する必要があります。

DatePicker について詳細が分からない場合は、DatePicker に親コンポーネントから特殊なケースを処理させるよりも、単に署名を使用して親コンポーネントに DatePicker を調整させる方が良いと思います。