React proptypes składnik vs elementu

Question

Jaka jest różnica pomiędzy:

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> 
    ); 
    } 
}); 

Chciałbym użyć;

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

W takim przypadku należy użyć drugiego?

Dzięki

Answer 1

myślę, że należy uczynić przycisk tak:

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

Wtedy można go używać z <Icon /> lub cokolwiek innego (tekst ...):

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

lub

<Button>anything</Button> 

A potem prawidłowa proptype zależy od tego, co chcesz, aby wewnątrz <Button /> (Ale nie jestem pewien React.PropTypes.component istnieje, to nie jest w dokumentacji: http://facebook.github.io/react/docs/reusable-components.html)