React - 使用引用组件时initialValues ant设计的问题

Question

使用 ant 设计输入和表单，当引用组件时，我无法使用 intialValues。在这种情况下，我试图将 CustomInput.js（一个 ant 设计输入）作为 @987654323 传递到我的表单中@。除了初始值之外，一切都正常。

有什么想法可以让intialValues 工作吗？

https://codesandbox.io/s/initialvalues-forked-keftp?file=/index.js:382-414

Answer 1

您必须将自定义组件中的道具传递给Input，特别是value 道具：

function CustomInput(
  { field, value = "", onChange = (e) => {}, disabled, ...rest },
  ref
) {
  return (
    <Input
      ref={ref}
      value={value}
      onChange={onChange}
      disabled={disabled}
      {...rest}
    />
  );
}

DEMO

注意：我不确定您的 field 属性是什么。由于它不是组件 API 的一部分受支持的道具，因此我将其省略了。