子コンポーネントで使うpropsを親コンポーネント側で確認する方法

例えば、RactNativeのViewなどを使用する際

上の画像のように、使用することのできるpropsが候補として表示されると思います。
これを、自作のコンポーネントでも行いたいです。

Viewにカーソルを合わしてCtrlを押しながらクリックしたところ、.d.tsファイルに飛びました。
そのファイルで型の指定、インターフェイスの作成を行っているのは確認できたのですが、
今回はjavascriptだけで実現したいです。

もし、実現する方法があれば教えていただきたいです。
お願いいたします。

行動規範の内容に同意します

回答1件

ベストアンサー

そのファイルで型の指定、インターフェイスの作成を行っているのは確認できたのですが、

今回はjavascriptだけで実現したいです。

この機能自体がTypeScriptのパワーを借りているので、JavaScriptだけでやろうとすると限度はありますが、ある程度であれば可能です。

javascript
1function SomeComponent({prop1, prop2, prop3}){
2  // 中身は省略
3}

のように、引数段階でspreadしてしまえば、どのようなpropを取るか認識してもらえます。

投稿2019/12/13 04:51

総合スコア145975

2020/02/06 02:51

classでは無理ですかね...?

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.36%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

関連した質問