検索

ホームページ  >  に質問  >  本文

React TypeScriptにpropsを入力するにはどうすればよいですか?

React TypeScript に props を入力するにはどうすればよいですか? 「プロパティ 'authors' はタイプ '[Props] & {children?: ReactNode;'}'.ts に存在しません」というエラーが表示されます。名前とパスワードのキーで構成される配列が渡されることを期待しています。

https://codesandbox.io/s/test-login-page-tasks-24-04-forked-eg91s5?file=/src/components/Login.tsx:229-274

リーリー

、小道具を渡しているにもかかわらず。

P粉897881626P粉897881626279日前392

全員に返信(2)返信します

  • P粉550323338

    P粉5503233382024-04-01 15:15:04

    IUser タイプを使用して IUser インターフェイスを定義し、名前とパスワードのステータスを定義します。これを定義すると問題が発生します。

    リーリー

    名前、パスワードは文字列であるため、これは間違っているため、次のように定義してみてください:

    リーリー

    次に、作成者を FC コンポーネントに渡すことを修正する必要があります:

    リーリー

    App.tsx から渡されたデータ型と一致するようにこの型を修正する必要がある最後の作業:

    リーリー

    そして、次のようにアプリケーションからそれを渡します:

    リーリー

    返事
    0
  • P粉903052556

    P粉9030525562024-04-01 12:59:05

    以下に示すように、[Props]Props に変更してみてください

    リーリー

    配列ではなくオブジェクトが必要なため、これで機能します。<Loginauthors={authors} /> のようなオブジェクトを渡します。ここで、作成者はオブジェクトの配列になります。

    返事
    0
  • キャンセル返事