哪些参数以 redux 形式传递给组件 prop

Question

我遇到过一些代码在基于 redux 表单的应用程序中为 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 表单道具。这就是"higher order component"的意思。

文档有点混乱，但是您想要查看传递的 props 的地方是这些页面的 "instance API" 部分： Field and reduxForm

What arguments get passed to the component prop in redux-form