Contents

import React, { PropTypes } from 'react';
import HelloWorld from '../components/HelloWorld';

// Simple example of a React "smart" component
export default class HelloWorldContainer extends React.Component {
  static propTypes = {
    name: PropTypes.string.isRequired, // this is passed from the Rails view
  };

  constructor(props, context) {
    super(props, context);

    // How to set initial state in ES6 class syntax
    // https://facebook.github.io/react/docs/reusable-components.html#es6-classes
    this.state = { name: this.props.name };
  }

  updateName = (name) => { this.setState({ name }); };

  render() {
    return (
      <div>
        <HelloWorld name={this.state.name} updateName={this.updateName} />
      </div>
    );
  }
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
react_on_rails-6.2.0	lib/generators/react_on_rails/templates/no_redux/base/client/app/bundles/HelloWorld/containers/HelloWorldContainer.jsx