How to pass value from one form to another?

import FormIsland from "../islands/form.tsx";

export default function Home() {

  return (
    <div> 
      <FormIsland />
    </div>
  );
}

import { useState } from "preact/hooks";

export default function FormIsland() {
  const [input, setInput] = useState("");

  return (
    <div>
      <input
        name="Field 1"
        type="text"
        onInput={e => setInput(e.target.value)}
      />
      <input
        name="Field 2"
        type="text"
        value={input}
      />
    </div>
  );
}