0
votes

La variable des accessoires n'est pas trouvée

J'apprends réacteur natif code> en utilisant expo-cli code>. Je travaille sur un petit exercice pour afficher des informations sur les films après les récupérer de l'API à l'aide de Axios HTTP Client code>. Mais lorsque j'essaie de passer des données à partir d'un composant parent des films code> à un composant enfant MovieDetails code> i Obtenir l'écran suivant:

 mon écran P>

Voici mon code de composant d'application: P>

import React from 'react';
import { View, Text } from 'react-native';
import Card from './Card';
import CardSection from './CardSection';
import Button from './Button';

const MovieDetails = () =>{
    const { Title, Year, Poster } = props.movie;
    return (
        <Card>
            <CardSection>
                <Text>{ Title }</Text>
            </CardSection>

            <CardSection>
                <Text>{ Title }</Text>
            </CardSection>

            <CardSection>
                <Button btnLabel="Voir les details" />
            </CardSection>
        </Card>
    )
}

export default MovieDetails;


0 commentaires

4 Réponses :


1
votes

Composants fonctionnels Pass accessoires code> comme argument. xxx pré>

à ceci: p>

const MovieDetails = (props) =>{
    const { Title, Year, Poster } = props.movie;
    return (
        <Card>
...


13 commentaires

J'ai édité mon message en ajoutant le git repo du projet pour tester localement


@Christianlisangola Github.com/jochri3/movieslist/blob/ Master / SRC / Composants / ...


@Christianlisangola github.com/jochri3/movieslist/blob/ Master / SRC / Composants / ...


@David tryon j'ai ajouté accessoires partout où il manquait, mais toujours le même problème


@Christianlisangola fait-il toujours dire que le problème se produit dans MovieDetails composant? Le message d'erreur a-t-il changé?


Oui, je n'ai pas changé


Êtes-vous sûr que vous envisagez le dernier code construit? Ligne 8 dans MovieDetails a définitivement des accessoires maintenant.


Laissez-moi pousser à nouveau à Github alors vous verrez


Vous avez toujours un problème ici: Github.com/jochri3 / FilmsList / Blob / Master / SRC / Composants / ...


Ceci est le code mis à jour: github.com/jochri3/movieslist mais ne fonctionne pas


Dois-je supprimer constructeur () {super (accessoires); } ?


Oui, ou ajouter des accessoires au constructeur args: constructeur (accessoires) {super (accessoires); }


Merci beaucoup @davin tryon



0
votes
const MovieDetails = props => {

0 commentaires

1
votes

Convertir xxx

à xxx

et xxx

avec xxx


10 commentaires

J'ai essayé, mais ne travaille pas toujours, toujours la même erreur


ajouter constructeur (accessoires) {super (accessoires)} n'a pas résolu le problème


J'ai édité mon message en ajoutant le git repo du projet pour tester localement


Vous êtes manquant du constructeur (accessoires) dans github


C'est ainsi que le code était avant que j'essaie vos solutions. J'ai déjà essayé et supprimer le constructeur car il n'a pas fonctionné


Donc il manquait dans la carte et les cartes


Constection Constection = (accessoires) => {const {enfants} = accessoires; retour ( {enfants} )}; et Constonnet = (accessoires) => {const {enfants} = accessoires; retour ( {enfants} )}; mais j'ai toujours la même erreur


@Christianlisangola Avez-vous supprimé le constructeur (accessoires) {super (accessoires)} dans la liste des films essayez maintenant d'ajouter


Pourriez-vous pousser les dernières modifications une fois de plus dans GitHub


github.com/jochri3/movieslist/blob/master/ SRC / Composants / ...



1
votes

Vous utilisez un composant fonctionnel pour MovieDetails comme suit:

constuvopliedétails = () => { const {titre, année, affiche} = Props.Movie; ....... }

mais la mise en œuvre réelle est suivie:

constuvopliedétails = (accessoires) => { const {titre, année, affiche} = Props.Movie; ...... }

J'espère que ça vous aide.


4 commentaires

Merci beaucoup, j'ai essayé mais j'ai toujours la même erreur


J'ai édité mon message en ajoutant le git repo du projet pour tester localement


Vous avez les mêmes erreurs dans la carte et les cartes. Ajouter


Constection Constection = (accessoires) => {const {enfants} = accessoires; retour ( {enfants} )}; et Constonnet = (accessoires) => {const {enfants} = accessoires; retour ( {enfants} )}; mais j'ai toujours la même erreur