如何在React-final-form中的自定义组件中定义Form之外的Form值

Question

我将Field与react-final-form中的自定义组件一起使用。看起来像这样：

<Field
  component={DadataAddress}
  name="address"
  onSelect={suggestion => mutators.setValue(suggestion)}
  query={values[name] && values[name].value}
/>

这是组件本身：

const DadataAddress = ({
  input: { onChange },
  service,
  onSelect,
  ...rest
}) => (
  <DadataSuggestions
    service={service}
    onChange={event => onChange({ value: event })}
    onSelect={onSelect}
  />
);

我还想将query={values[name] && values[name].value}行从Field移到我的自定义组件。但是当我这样做时，我得到一个错误：

Cannot read property 'address' of undefined

我想，我需要定义values，但是我不知道如何在form之外进行。我将衷心感谢您的帮助。这是codesandbox，有错误。

Answer 1

我不确定您要在这里做什么，但您不需要增变器。选择该值后，您只需调用Items即可。像这样吗？