Sample Form starter for React

Form.jsx

import { useState } from 'react';

export default function Form() {
  const [firstName, setFirstName] = useState('');
  const [age, setAge] = useState('');
  const ageAsNumber = Number(age);

  // ...
  return (
    <form>
      <div>
        <label>
          First name:
          <input value={firstName} onChange={(e) => setFirstName(e.target.value)} />
        </label>
      </div>
      <div>
        <label>
          Age:
          <input value={age} onChange={(e) => setAge(e.target.value)} type="number" />
          <button onClick={() => setAge(ageAsNumber + 10)}>Add 10 years</button>
        </label>
      </div>
      <div>
        {firstName !== '' && <p>Your name is {firstName}.</p>}
        {ageAsNumber > 0 && <p>Your age is {ageAsNumber}.</p>}
      </div>
    </form>
  );
}