gpt4 book ai didi

javascript - 在 Formik 中使用 CheckboxTree

转载 作者:行者123 更新时间:2023-11-28 03:19:08 26 4
gpt4 key购买 nike

我在内部使用react-checkbox-tree时遇到问题。在我的文本字段中输入值,然后单击其中一个复选框后,我的文本字段将重置为第一个状态。

<Formik
initialValues={this.state}
enableReinitialize
{props=> (
<Form onSubmit={props.handleSubmit}>
<Input
className="form-control-sm"
type="text"
name="groupName"
id="groupName"
placeholder=""
onChange={props.handleChange}
onBlur={props.handleBlur}
value={props.values.groupName}
invalid={
props.errors.groupName != "" &&
props.errors.groupName != null
}
valid={
props.values.groupName != "" &&
props.errors.groupName == null
}
/>

<CheckboxTree
nodes={this.state.nodes}
checked={this.state.checked}
expanded={this.state.expanded}
onCheck={checked => this.onChecked(checked)}
onExpand={expanded => this.setState({ expanded })}
/>
/>

onChecked函数代码:

onChecked = checked => {
this.setState({
checked
});
}

我必须更改此 onCheck 函数调用吗?如果是,我如何将它与 Formik 函数链接起来?

onCheck={checked => this.onChecked(checked)}

最佳答案

<CheckboxTree
nodes={props.values.nodes}
checked={props.values.checked}
expanded={props.values.expanded}
onCheck={checked => props.setFieldValue('checked', checked) }
onExpand={expanded => this.setState({ expanded })}
/>

现在复选框可以按预期工作。我在调用 onCheck 事件时更改了代码。

关于javascript - 在 Formik 中使用 CheckboxTree,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59342492/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com