Sha256: 2c942ddbdf68d5b4a178f60ca2e600d593322d6b77ebec3e8aa4e62252b27db2
Contents?: true
Size: 739 Bytes
Versions: 5
Compression:
Stored size: 739 Bytes
Contents
import React, { PropTypes } from 'react';
// Simple example of a React "dumb" component
const HelloWorld = ({ name, updateName }) => (
<div className="container">
<h3>
Hello, {name}!
</h3>
<hr />
<form className="form-horizontal">
<label htmlFor="name">
Say hello to:
</label>
<input
type="text" value={name} id="name"
onChange={(e) => updateName(e.target.value)}
/>
</form>
</div>
);
HelloWorld.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,
};
export default HelloWorld;
Version data entries
5 entries across 5 versions & 1 rubygems