代码之家  ›  专栏  ›  技术社区  ›  yudhiesh

如何用来自状态的数据填充输入字段?

  •  0
  • yudhiesh  · 技术社区  · 4 年前

    我正在实现一个更简单的autocorrect版本,用户可以根据他们在 Description 字段。

    selectedDescription .

    我的问题是从 所选说明 并填写字段 说明

    用户选择的句子以状态存储

    const [selectedDescription, setSelectedDescription] = useState();
    

    Input field where I want the data to be shown after the user selects a sentence

    <Input
      fluid
      placeholder="Description"
      value={description}
      onChange={(e) =>
        dispatch({
          type: "field",
          field: "description",
          value: e.currentTarget.value,
        })
      }
    />
    

    我不确定如何实现这一点,因为description字段还用于设置发出API请求的状态,我担心这两者会混淆。

    1 回复  |  直到 4 年前
        1
  •  1
  •   Nooruddin Lakhani    4 年前

    这只是为了你可以用代码实现的想法

    const [selectedDescription, setSelectedDescription] = useState(undefined);
    
    
    <Input
      fluid
      placeholder="Description"
      value={ selectedDescription || description}
      onChange={(e) => 
        if( selectedDescription === undefined || selectedDescription !== e.currentTarget.value ) {
        dispatch({
          type: "field",
          field: "description",
          value: e.currentTarget.value,
        })
       }
      }
    />