reactjs - 使用 react-final-form 创建复合字段

Question

我想用react-final-form创建一个复合字段（例如Location它本身包含 2 个内部输入latitude和longitude），但我找不到任何类似的示例。

<Field name="myField">
  {props => (
    <div>
      <TextField
        name={props.input.name}
        value={props.input.value}
        onChange={props.input.onChange}
      />
    </div>
  )}
</Field>

这是一个单输入的简单示例，我的问题是我们有两个输入，我不知道如何处理onChange。

标签： reactjsreact-final-form

Answer 1

有什么理由不能接受吗？

<Field name="location.latitude" component="input"/>
<Field name="location.longitude" component="input"/>