Comment saisir des accessoires dans React TypeScript ? J'obtiens l'erreur La propriété 'auteurs' n'existe pas sur le type '[Props] & {children?: ReactNode;'}'.ts. Je m'attends à recevoir un tableau composé de clés de nom et de mot de passe.
https://codesandbox.io/s/test-login-page-tasks-24-04-forked-eg91s5?file=/src/components/Login.tsx:229-274
type Props = { authors: { name: string; password: string; }[]; }; const Login: FC<[Props]> = ({ authors }) => { return ( ... ) }
, même si je transmets des accessoires.
Vous définissez l'interface IUser en utilisant le type IUser et définissez le nom, le statut du mot de passe, cela posera des problèmes car lorsque vous définissez ceci :
C'est faux car le nom et le mot de passe sont une chaîne, alors essayez de les définir comme ceci :
Ensuite, vous devez corriger le passage de l'auteur au composant FC :
Une dernière chose que vous devez corriger ce type pour qu'il corresponde au type de données transmis depuis App.tsx :
Et vous le transmettez depuis l'application comme ceci :
Essayez de changer
[Props]
更改为Props
comme indiqué ci-dessousMaintenant, cela fonctionne car cela nécessite un objet au lieu d'un tableau, nous allons passer un objet comme
<Loginauthors={authors} />
. Désormais, l'auteur sera un tableau d'objets.