Réagir composants de module et d'exportations

Je ne comprends pas comment le module.les exportations ne pouvez exporter qu'un composant qui a une dépendance sur un sous-composant, mais encore être rendus dans les DOM, bien que ce sous-composant n'a jamais été exporté.

//component.js

var SubComponent = React.createClass({
...
    });

var Component = React.createClass({
    ...
    render: function () { 
    return(
        <div><SubComponent /> stuff</div>`)
        }});

module.exports = Component

//main.js

    var Component = require('./component.js');

    var MainContainer = React.createClass({
    render: function () {return (
    <Component />)
    }})

OriginalL'auteur akantoword | 2016-03-08

  1. 7

    Vous utilisez un seul composant directement (Component) dans votre main.js fichier. SubComponent n'est pas utilisé en dehors de component.js, donc il n'a pas à être exportés. Si vous souhaitez utiliser SubComponent dans votre main.js fichier, vous pouvez l'utiliser comme ceci:

    //component.js

    (...)
module.exports = {
    Component: Component,
    SubComponent: SubComponent
}

    //main.js 

     var Component = require('./component.js').Component;
 var SubComponent = require('./component.js').SubComponent; (...)

    Ensuite, vous pouvez utiliser SubComponent directement dans main.js

    mais en regardant la situation d'origine, comment les composants rendu sans sous-composant d'être exportées au premier abord? n'est-ce pas sous-composant non défini dans main.js parce qu'il n'a jamais été exporté? sous-composant est utilisé en dehors de component.js elle fait partie de la Composante
    Il fonctionne comme une chaîne. Component pouvez voir SubComponent beacouse c'est dans le même fale. Si vous pouvez voir Component dans main.js il est assez; seuls les besoins en Composants pour voir les sous-composant dans votre cas, MainContainer n';t de soins de ce qui est à l'intérieur du Composant il ne s'attend à ce que le rendu sera
    Si vous êtes familier avec Java, penser non exportée modules private variables, la classe ou le fichier où elle est définie pouvez le voir (c'est à dire Component pouvez utiliser Subcomponent, mais d'autres classes (c'est à dire d'autres fichiers JS) ne le peuvent pas.

    OriginalL'auteur Grzegorz Motyl