Javascript 如何手动将Formik字段重置为空（REACT）

我需要手动重置此

字段的值

，例如，在某个已经存在的单击事件上，我想将

assignedProductId的值设置为null

以下是字段：

  <Field
        name="assignedProductId"
        component={Dropdown}
        options={this.state.Products}
        loading={this.state.isLoading}
        onChange={this.onProductChange}
     />



我不知道如何访问此字段并手动重置其值。。。
我对
setFieldValue
很感兴趣，但我不确定如何访问此字段，因此可能会将其设置为新值

谢谢各位

干杯
正如您所建议的，您应该使用
setFieldValue
。签名为：

setFieldValue:（字段：字符串，值：any，shouldValidate？：布尔）=>void

字段
属性是字段的名称。而
值
应为
null

像这样：

props.setFieldValue（'assignedProductId'，null）

请阅读此处的文档：


编辑

要更新组件内的值，请执行以下操作：

类MyComponent扩展了React.Component{
建造师（道具）{
超级（道具）；
}
componentDidMount（）{
this.props.setFieldValue（'assignedProductId'，null）；
}
render（）{
...
}
}

正如您所建议的，您应该使用

setFieldValue

。签名为：

setFieldValue:（字段：字符串，值：any，shouldValidate？：布尔）=>void

字段

属性是字段的名称。而

值

应为

null

像这样：

props.setFieldValue（'assignedProductId'，null）

请阅读此处的文档：

---

编辑

要更新组件内的值，请执行以下操作：

类MyComponent扩展了React.Component{ 建造师（道具）{ 超级（道具）； } componentDidMount（）{ this.props.setFieldValue（'assignedProductId'，null）； } render（）{ ... } }

---

谢谢您的回复，但如果我想在component Dod mount中设置它的值，我如何访问该字段？再次使用道具？或因为我想我可能会得到一个箭头式的“道具”没有定义或类似的smth。@Roxy'Pro查看更新的答案。是的，福米克把一切都当作道具传递。为了提供更多的指导，我需要了解您是如何调用Formk的。具体来说，您是如何使用标记的，谢谢您的回复，但是如果我想在component Dod mount中设置它的值，我如何访问该字段？再次使用道具？或因为我想我可能会得到一个箭头式的“道具”没有定义或类似的smth。@Roxy'Pro查看更新的答案。是的，福米克把一切都当作道具传递。为了提供更多的指导，我需要了解您是如何调用Formk的。具体来说，您是如何使用标签的，