React Fundamentals - Introdução à Propriedades

React Fundamentals - Introdução à Propriedades

by Angelo Rogério Rubin

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.2/JSXTransformer.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.2/react-with-addons.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.2/react.min.js"></script>
<script type="text/jsx">
var App = React.createClass({
  getDefaultProps:function(){
    return {
      txt: 'esta é uma propriedade padrão',
      cat: 0
    }
  },
  propTypes: {
    txt: React.PropTypes.string,
    cat: React.PropTypes.number.isRequired
  },
  render:function(){
    var txt = this.props.txt
    return (
      <div>
        <b>BOLD</b>
        <h1>{txt}</h1>
      </div>
      );

  }
});

React.render(<App cat={5} />, document.body);
</script>