JSX file in components folder

Author: BookOfGreg

app/javascript/components/User.jsx

@@ -0,0 +1,18 @@
+var React = require("react")
+var PropTypes = require("prop-types")
+class User extends React.Component {
+  render () {
+    return (
+      <div>
+        <div>Name: {this.props.name}</div>
+        <div>Age: {this.props.age}</div>
+      </div>
+    );
+  }
+}
+
+User.propTypes = {
+  name: PropTypes.String,
+  age: PropTypes.Integer
+};
+module.exports = User

app/views/welcome/index.html.erb

@@ -1,2 +1,3 @@
 <%= javascript_pack_tag 'application' %>
 <%= react_component 'Post', { title: 'A working react component', body: 'Simple but effective' }, prerender: true %>
+<%= react_component 'User', { name: 'Timmy', body: 26 }, prerender: true %>