m4n5zu
5/29/2017 - 2:45 PM

Hello React - props - how to parameterize a component by using props. . JsFiddle: http://jsfiddle.net/gh/gist/library/pure/a9db147c37422935a

Hello React - props - how to parameterize a component by using props. . JsFiddle: http://jsfiddle.net/gh/gist/library/pure/a9db147c37422935a556/

fiddle.manifest
content_copyfile_download
name: ReactJs example by Ryan Vice - www.ViceSoftware.com
description: Hello React - props - how to parameterize a component by using props
authors:
  - Ryan Vice
resources:
normalize_css: no
wrap: h
panel_js: 3
panel_css: 0
fiddle.js
content_copyfile_download
var HelloReact = React.createClass({
  render: function() {
    return (
      <div> 
    	  <div>Hello React</div>
        <div>{this.props.message}</div>
      </div>
      );
  }
});
 
ReactDOM.render(
  <HelloReact message='Message from props'/>, 
  document.getElementById('view'));
fiddle.html
content_copyfile_download
<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"/>