Traduction : React - affectation de déstructuration TypeScript des accessoires
P粉071602406
P粉071602406 2023-07-27 16:35:13
0
2
424
<p>J'ai une fonction</p> <pre class="brush:php;toolbar:false;">fonction d'exportation getSubjectsForStudent(data: any) : any[]</pre> <p>L'"argument de données" est ce que je reçois d'une source externe et définir un type fort n'est pas réalisable. "return" est dérivé de "data", il est donc également de type any. <br /><br />Un composant "Principal" transmet le "retour" à un composant "enfant", comme ceci : </p><p><br /></ p> ; <pre class="brush:php;toolbar:false;"><MainCategories subject={getSubjectsForStudent(data)} /></pre> <p>Et dans le composant MainCategories, </p> <pre class="brush:php;toolbar:false;">exporter la fonction par défaut MainCategories(props: any) { const tmp = props.subjects; ...</pré> <p>Traduction : Cela fonctionne, pas de problème. </p><p>Mais je veux : </p><p>export default function MainCategories( {subjects} ) {</p><p>Quelqu'un peut-il m'aider ? </p><p><br /></p>
P粉071602406
P粉071602406

répondre à tous(2)
P粉579008412

Vous devez ajouter un type ou une interface d'accessoires, puis vous pouvez obtenir des sujets via la déstructuration.

interface Props {
  subjects: any
}

export default function MainCategories({ subjects }: Props) {
    const tmp = props.subjects;
    ...
P粉155710425

J'utilise souvent ce modèle pour y parvenir, mais la clé principale est de définir les accessoires.

import { FunctionComponent } from 'react';

interface Props {
  // In your case
  subjects: any
}

const MainCategories: FunctionComponent<Props> = ({subjects}) => (
  ...
);

export default MainCategories;
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!