Sha256: cebf9c92dcb5f5cf223904118a3baa75ffa957ade8279404027ee1a5ba801049
Contents?: true
Size: 1.11 KB
Versions: 1
Compression:
Stored size: 1.11 KB
Contents
// HelloWorldWidget is an arbitrary name for any "dumb" component. We do not recommend suffixing // all your dumb component names with Widget. import React, { PropTypes } from 'react'; // Simple example of a React "dumb" component export default class HelloWorldWidget extends React.Component { static propTypes = { // If you have lots of data or action properties, you should consider grouping them by // passing two properties: "data" and "actions". updateName: PropTypes.func.isRequired, name: PropTypes.string.isRequired, }; // React will automatically provide us with the event `e` handleChange(e) { const name = e.target.value; this.props.updateName(name); } render() { const { name } = this.props; return ( <div className="container"> <h3> Hello, {name}! </h3> <hr /> <form className="form-horizontal"> <label> Say hello to: </label> <input type="text" value={name} onChange={e => this.handleChange(e)} /> </form> </div> ); } }
Version data entries
1 entries across 1 versions & 1 rubygems
Version | Path |
---|---|
react_on_rails-6.1.2 | lib/generators/react_on_rails/templates/base/base/client/app/bundles/HelloWorld/components/HelloWorldWidget.jsx.tt |