Javascript Redux表单中的字段与prop'input'有什么关系？

在下面的组件中，我不知道传播

{…input}

有什么意义。什么是

输入

道具？它似乎不是由中的容器表单传入的，因此它必须来自Redux表单库。但到底是什么呢

const renderField = ({ input, label, type, meta: { touched, error, warning } }) => (

  <div>
    <label>{label}</label>
    <div>
      <input {...input} placeholder={label} type={type} />
      {touched && ((error && <span>{error}</span>) || (warning && <span>{warning}</span>))}
    </div>
  </div>
)

const renderField=（{input，label，type，meta:{toucted，error，warning}}）=>(
{label}
{触摸&（（错误&&{error}）| |（警告&&{warning}））}
)

redux表单使用字段组件传递其他道具。输入将是您输入中指定的道具。所以像type=“text”name=”“。。。等等。如果你真的很好奇它是什么，为什么不在返回jsxI之前调试和检查它的值或

console.log（input）

可以看到它们是函数，并且在文档中它们可以在事件发生时触发回调，所以我尝试添加

{input.onFocus（console.log（'blur'）}

在触摸和..上面的代码之前，但当我聚焦时，它会模糊两次而不是一次。知道为什么吗？我必须看代码才能知道你想描述什么。您是否尝试过执行控制台日志（输入）？为什么要把注意力放在javascript变量上？您有一个正在呈现的jsx输入。。为什么不把事件放在上面呢？你不应该在渲染中创建回调事件。这可能就是为什么会看到它两次（因为渲染发生在模糊上）。您还将为每个渲染创建此侦听器。你能给我一个你什么时候会使用输入道具的例子吗？我知道如何使用元道具，但不是输入道具。看起来值1只是使输入元素成为一个受控组件，但是如何自定义模糊上发生的事情呢？