Sha256: 03e8e0b3e4fc095d443a1e98ba9a9ad949fce72a3fdb11c6e322a557f2c3b3b0
Contents?: true
Size: 640 Bytes
Versions: 19
Compression:
Stored size: 640 Bytes
Contents
import PropTypes from 'prop-types';
import React, { useState } from 'react';
import style from './HelloWorld.module.css';
const HelloWorld = (props) => {
const [name, setName] = useState(props.name);
return (
<div>
<h3>Hello, {name}!</h3>
<hr />
<form>
<label className={style.bright} htmlFor="name">
Say hello to:
<input id="name" type="text" value={name} onChange={(e) => setName(e.target.value)} />
</label>
</form>
</div>
);
};
HelloWorld.propTypes = {
name: PropTypes.string.isRequired, // this is passed from the Rails view
};
export default HelloWorld;
Version data entries
19 entries across 19 versions & 1 rubygems