import PropTypes from ‘prop-types’; import React, { useState } from ‘react’; import * as 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;