-2
votes

Réact.js à l'aide d'un composant

Alors je construis une simple application de réagissance. C'est ma première fois l'utiliser. J'ai donc construit ce composant: xxx

et je l'importe dans mon fichier index.js comme celui-ci: xxx

ceci dans mon Le cerveau semble être la bonne logique qui fonctionnera mais cela ne fonctionne pas. Comme je l'ai dit, je suis très nouveau et j'essaie simplement d'obtenir quelque chose de simple à travailler et de connecter les points ici. Toute aide et toute aide sera géniale! Juste demander une expérience d'apprentissage. Merci!

BTW Ma structure de dossier est comme ceci: xxx

liste d'erreur:

 Entrez la description de l'image ici


3 commentaires

Qu'est-ce que "ne fonctionne pas" signifie ici? Quelle erreur obtenez vous?


Vous vous attendez à ceci.props pour contenir une largeur de hauteur et ainsi de suite, mais vous ne transmettez pas ces accessoires à


Puisque vous venez de réagir, regardez dans des crochets au lieu de classes


3 Réponses :


1
votes

Votre fonctionLOCK S'attend à ce qui s'attend à un SRC SRC (qui est transmis à un composant - this.props.src ) Mais vous ne l'assurez jamais lorsque vous consommez votre FonctionBLOCK dans votre Component Composant (voir ).

Vous devez fournir le SRC SRC comme ceci


0 commentaires

0
votes

Quelle que soit les propriétés que vous fournissez dans le composant d'alinélock, comme xxx pré>

ces accessoires que vous devez passer comme ceci. p>

 <FeatureBlock title="Test Website" id="test-id" src='some-link-here' width='10px' height='10px' alt='img-caption' contentClass='some-contents-here'/>


0 commentaires

1
votes

Cette erreur se produit comme il semble que à Propriété de Composant ne reçoit jamais la valeur des accessoires car vous n'avez pas défini dans la consommation de composants.

Chaque fois que vous Essayez d'utiliser des accessoires, cela signifie que vous fournissez des informations supplémentaires à votre composant, c'est-à-dire

Vous devez passer des accessoires dans un composant comme: xxx

que vous pouvez Utilisez dans un composant comme: xxx

Vous pouvez plonger en profondeur dans celui-ci ici:

https://reactjs.org/docs/components-and-props.html


0 commentaires