什么参数以redux-form的形式传递给组件prop

Question

我在基于redux-form的应用程序中遇到了一些使用自定义渲染器的代码component。这是Field定义的样子：

<Field
  name="email"
  component={this.renderInput}
  type="email"
  validate={[email, required]}
/>

我感兴趣的是了解renderInput如何访问以下内容：

renderInput({ input, label, type, meta: { touched, error, warning } }) {
    return ( ... );
}

input，label，type和meta来自哪里？这是在任何地方的文档中具体说明的吗？

Answer 1

这是reduxForm()函数的作用。它将你的组件包装在另一个组件内，该组件传递你已经传入的所有道具以及redux表单道具。这就是“高阶组件”的含义。

文档有点令人困惑，但是你想看看道具传递的地方是这些页面的“实例API”部分： Field和reduxForm