Comment créer personnalisé Réagir composants Natifs avec des nœuds enfants
Je veux créer une Réagir composant Natif en pur JavaScript, composé d'autres composants tels que les TouchableOpacity
et Text
. J'ai un couple de boutons dans mon application qui sont composés de deux éléments, alors j'ai pensé qu'il serait agréable d'apprendre à créer mes propres composants pour une meilleure réutilisation du code.
Le produit fini devrait ressembler plus ou moins comme ceci:
<Button>
Tap me!
</Button>
Et c'est le code que j'ai fait pour le composant:
class Button extends Component {
render () {
<TouchableOpacity style={styles.button}>
<Text style={styles.textButton}>
</Text>
</TouchableOpacity>
}
};
Cependant, je ne sais pas comment je peux utiliser le Tap me!
enfant intérieur du texte dans mes composants et je n'ai pas vraiment comment je peux faire mon composant pour accepter la coutume des accessoires et de la TouchableOpacity
et Text
accessoires.
PS: je sais qu'il y a certaines Réagissent composants Natifs comme ça, mais je préfère créer mes propres afin de savoir comment je peux construire ce genre de composants personnalisés. Aussi, Réagir Natif est génial, mais je ne trouve pas comment créer ce genre de choses dans ses docs et je pense que c'est vraiment un exercice intéressant pour les personnes qui commencent à Réagir.
OriginalL'auteur amb | 2015-08-28
Vous devez vous connecter pour publier un commentaire.
Vous pouvez accéder à l'intérieur du texte par le biais de cette.accessoires de jeu.les enfants et vous pouvez passer des propriétés soit manuellement (par l'intermédiaire de ce.les accessoires) ou à l'aide ... de l'opérateur.
En plus de ce qui est décrit dans react.js documentation (note - ne pas Réagir Natif docs!). La plupart des parties pertinentes de la documentation sont:
C'est l'approche générale de Réagir Natif de la documentation plutôt que de les décrire tous réagissent concepts, il décrit seulement la Réagir Natif de pièces et le concept est décrit dans le site web/version originale de Réagir.
Correct! Je pense que c'est évident pour Facebook ingénieurs qui viennent de Réagir côté, mais pas du tout pour quelqu'un qui vient de développement mobile et qui veut l'utiliser à la fois réagir indigènes et de réagir motif/environnement en même temps.
OriginalL'auteur Jarek Potiuk