React composant proptypes vs élément

Question

Quelle est la différence entre:

var Icon = React.createClass({ 
    propTypes: { 
    name: React.PropTypes.string 
    }, 
    render: function(){ 
    return (
     <span className={'glyphicon glyphicon-'+this.props.name}></span> 
    ); 
    } 
}); 

var Button = React.createClass({ 
    propTypes: { 
    content: React.PropTypes.element // This one? 
    content: React.PropTypes.component // Or this one? 
    }, 
    render: function() { 
    return (
     <button>{content}</button> 
    ); 
    } 
}); 

Je voudrais utiliser;

<Button content={<Icon name="heart" />} /> 

Dans quel cas dois-je utiliser l'autre?

Merci

Answer 1

Je pense que vous devez rendre le bouton comme ceci:

var Button = React.createClass({ 
    render: function() { 
    return (
     <button>{this.props.children}</button> 
    ); 
    } 
}); 

Ensuite, vous pouvez l'utiliser avec un <Icon /> ou toute autre chose (texte ...):

<Button><Icon name="heart" /></Button> 

ou

<Button>anything</Button> 

Et puis le PropType correct dépend de ce que vous voulez permettre à l'intérieur de votre <Button /> (Mais je ne suis pas sûr React.PropTypes.component existe, ce n'est pas dans la documentation: http://facebook.github.io/react/docs/reusable-components.html)