ReactJs example by Ryan Vice - www.ViceSoftware.com

Hello React - props - how to parameterize a component by using props author(s): Ryan Vice

by steen_hansen

HTML

<script src="https://cdn.jsdelivr.net/gh/steenhansen/type-czech@latest/web-resources/TypeCzech.min.js"></script>
<script src="https://fb.me/react-with-addons-0.14.0.js"></script>
<script src="https://fb.me/react-dom-0.14.0.js"></script>

<div id="view"/>

Babel + JSX

var HelloReact = React.createClass({
  render: function() {
    return (
      <div> 
    	  <div>Hello React</div>
        <div>{this.props.message}</div>
      </div>
      );
  }
});
 
  type_czech = TypeCzech('LOG-ERRORS')
   function PRE_HelloReact(an_item){
   console.log("PREEEEEEEEEEEE")
  }


  HelloReact = type_czech.linkUp(HelloReact, PRE_HelloReact)
  
ReactDOM.render(
  <HelloReact message='Message from props'/>, 
  document.getElementById('view'));