J'apprends Voici mon code de composant d'application: P> 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:
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;
4 Réponses :
Composants fonctionnels Pass à ceci: p> accessoires code> comme argument.
const MovieDetails = (props) =>{
const { Title, Year, Poster } = props.movie;
return (
<Card>
...
J'ai édité mon message en ajoutant le git repo code> 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 code> partout où il manquait, mais toujours le même problème
@Christianlisangola fait-il toujours dire que le problème se produit dans MovieDetails code> 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 code> 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); } code>?
Oui, ou ajouter des accessoires au constructeur args: constructeur (accessoires) {super (accessoires); } code>
Merci beaucoup @davin tryon
const MovieDetails = props => {
Convertir à p> et p> avec p>
J'ai essayé, mais ne travaille pas toujours, toujours la même erreur
ajouter constructeur (accessoires) {super (accessoires)} code> n'a pas résolu le problème
J'ai édité mon message en ajoutant le git repo code> 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 (
Constonnet = (accessoires) => {const {enfants} = accessoires; retour (
@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 / ...
Vous utilisez un composant fonctionnel pour MovieDetails comme suit: p>
mais la mise en œuvre réelle est suivie: p>
J'espère que ça vous aide. P> constuvopliedétails = () => {
const {titre, année, affiche} = Props.Movie;
.......
} code> p>
constuvopliedétails = (accessoires) => {
const {titre, année, affiche} = Props.Movie;
......
} code> p>
Merci beaucoup, j'ai essayé mais j'ai toujours la même erreur
J'ai édité mon message en ajoutant le git repo code> 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 (
Constonnet = (accessoires) => {const {enfants} = accessoires; retour (