如何将值从一种形式传递到另一种形式？

Question

我想设计一个有两个输入文本字段的表单。用户在字段 1 中输入的内容将传递到字段 2。我如何在 Deno Fresh 中执行此操作？

这是我最好的尝试：

function passToField2(event){
// What to put here
} 

export default function Home(props) {
  return (
    <div>
      <input
        name = "Field 1" 
        type = "text" 
        onChange={(event) => passToField2(event)}
        ></input>
      <input
        name = "Field 2"
        type = "text" 
        value = {props.valueFromField1} 
    ></input>
    </div>
  );
}

Answer 1

您有多种解决方案。其中两个

1. https://preactjs.com/guide/v10/forms

2. useEffect：https://preactjs.com/guide/v10/hooks#useeffect与useSignal（preact）结合https://preactjs.com/guide/v10/signals#local-state-with-signals 或 useState https://preactjs.com/guide/v10/hooks/#usestate