React useState Hook Example

react-usestate-hook-example.tsx

const MessageForm: React.FC<Props> = ({ submitMessage }) => {
  const [message, setMessage] = React.useState('');

  return (
    <form onSubmit={e => {
      e.preventDefault();
      submitMessage(message);
    }}>
      <input
        type="text"
        onChange={e => setMessage(e.currentTarget.value)}
      />
      <input
        type="submit"
        value="Add"
      />
    </form>
  );
};