Reactjs 无法获取antd输入表单中输入组内一个输入文本的输入值
在antd表单中,我有一个输入组,它有两个输入文本字段,并有一个添加按钮来动态添加字段和删除字段。提交时,我只收到输入文本的一个输入值 您可以在下面的链接中找到代码Reactjs 无法获取antd输入表单中输入组内一个输入文本的输入值,reactjs,antd,rc-form,Reactjs,Antd,Rc Form,在antd表单中,我有一个输入组,它有两个输入文本字段,并有一个添加按钮来动态添加字段和删除字段。提交时,我只收到输入文本的一个输入值 您可以在下面的链接中找到代码 // https://codesandbox.io/s/hopeful-kilby-tkzfh const keys=getFieldValue(“keys”); 常量formItems=keys.map((k,索引)=>( {getFieldDecorator(`passenger${k}`{ ValidateTracger
// https://codesandbox.io/s/hopeful-kilby-tkzfh
const keys=getFieldValue(“keys”);
常量formItems=keys.map((k,索引)=>(
{getFieldDecorator(`passenger${k}`{
ValidateTracger:[“onChange”,“onBlur”],
规则:[
{
要求:正确,
空白:对,
信息:“请输入乘客姓名或删除此字段。”
}
]
})(
)}
{keys.length>1(
这个。删除(k)}
/>
):null}
```
我需要得到输入组中输入文本的两个值。
为什么要使用输入,为什么要使用范围组件?它不是数字,只是字符串输入文本为什么要使用输入,为什么要使用范围组件?它不是数字,只是字符串输入文本
const keys = getFieldValue("keys");
const formItems = keys.map((k, index) => (
<Form.Item
{...(index === 0 ? formItemLayout : formItemLayoutWithOutLabel)}
label={index === 0 ? "Passengers" : ""}
required={false}
key={k}
>
{getFieldDecorator(`passenger${k}`, {
validateTrigger: ["onChange", "onBlur"],
rules: [
{
required: true,
whitespace: true,
message: "Please input passenger's name or delete this field."
}
]
})(
<InputGroup>
<Input
style={{ width: 100, textAlign: "center" }}
placeholder="Minimum"
/>
<Input
style={{
width: 30,
borderLeft: 0,
pointerEvents: "none",
backgroundColor: "#fff"
}}
placeholder="~"
disabled
/>
<Input
style={{ width: 100, textAlign: "center", borderLeft: 0 }}
placeholder="Maximum"
/>
</InputGroup>
)}
{keys.length > 1 ? (
<Icon
className="dynamic-delete-button"
type="minus-circle-o"
onClick={() => this.remove(k)}
/>
) : null}
</Form.Item>```
I need to get both the values of the input texts in the input group.