J'ai des difficultés à comprendre comment construire une composante assez simple qui a une variété d'accessoires à accéder à l'intérieur d'une composante imbriquée, à l'intérieur. Je ne sais même pas si c'est comment expliquer correctement ma situation, peu importe que cela devrait être simple.
Je vais expliquer. J'ai un composant comme suit: et le code du composant. comme vous pouvez le voir composant à l'intérieur du composant. Son objectif est purement visuel (taille du widget, couleur, ext), mais il doit envelopper toutes les accessoires provenant de i peut accéder à Comment ça fait? Dois-je passer des appels à travers afin que je puisse y accéder de cette façon? J'ai essayé d'ajouter un ProSyst.Layout car il est en dehors du composant , mais je ne peux pas accéder à accessément à l'intérieur qui appartient à. access = {access} sans succès ...
3 Réponses :
Je ne pense pas que vous incliez des accessoires comme celui-là à l'intérieur d'une étiquette. La façon dont j'utilise pour écrire est simplement transmettre les accessoires à l'intérieur de la balise comme vous l'avez fait avec au lieu d'écrire chaque accessoire dans la balise, vous pouvez simplement utiliser l'opérateur de propagation: P> ProPs.Layout CODE>, puis utilisez ces accessoires à l'intérieur du code de votre widgetwrapper code >. <WidgetWrapper {...props}/>
Je ne suis pas sûr que je comprends bien votre problème. Voulez-vous accéder à des accessoires dans le composant widget de widgetwrappper? Dans ce cas, je pense que vous devriez passer à quoi vous avez besoin. Ou avez-vous de nombreux accessoires que vous voulez transmettre à l'emballage?
const RenderApp = props => {
return (
<div>
hello {props.title}
</div>
);
}
class App extends React.Component {
render(){
return (
<RenderApp title="world"/>
);
}
}
This works for me and prints "hello world"... Maybe I'm missing the point...
Si vous souhaitez transférer tous les accessoires à
Widget Wrapper , vous pouvez utiliser