如何在Deno Fresh中实现表单输入框间的值传递？

要实现两个输入框的内容同步，你需要利用Preact的状态管理（Deno Fresh基于Preact构建），通过组件内部状态来同步输入值。以下是修正后的完整实现方案：

import { useState } from "preact/hooks";

export default function Home() {
  // 定义状态变量存储输入框内容
  const [inputValue, setInputValue] = useState("");

  return (
    <div>
      <input
        name="Field 1"
        type="text"
        value={inputValue}
        onChange={(event) => setInputValue(event.target.value)}
      />
      <input
        name="Field 2"
        type="text"
        value={inputValue}
        readOnly {/* 可选：禁止用户修改输入框2 */}
      />
    </div>
  );
}

关键说明： #

• 导入Preact的useState钩子，用于管理组件内部状态。
• inputValue是存储输入内容的状态变量，setInputValue是更新该变量的方法。
• 输入框1的onChange事件触发时，将用户输入的内容同步到状态中。
• 输入框2的value直接绑定到inputValue状态，状态更新时输入框2的内容会自动同步。
• 如果不需要用户修改输入框2，可以添加readOnly属性避免误操作。

内容的提问来源于stack exchange，提问作者Ooker