Question

从这个page了解redux-forms，但是不明白如何将输入道具赋予Field组件，如下所示：

class MyCustomInput extends Component {
  render() {
    const { input: { value, onChange } } = this.props
    return (
      <div>
        <span>The current value is {value}.</span>
        <button type="button" onClick={() => onChange(value + 1)}>Inc</button>
        <button type="button" onClick={() => onChange(value - 1)}>Dec</button>
      </div>
    )
  }
}

MyCustonInput从哪里获得input道具？该示例仅显示以下内容：

import MyCustomInput from './MyCustomInput'

...

<Field name="myField" component={MyCustomInput}/>

Answer 1

字段是一个更高阶的组件，它将这些属性应用于传递给component的任何内容。它有效地确定了字段所需的值以及它应该如何连接到redux存储，具体取决于您传入的组件以及Field的其他属性。

源代码可能是最好的事实来源。您可以在createFieldProps函数中查看此处定义的输入： https://github.com/erikras/redux-form/blob/master/src/createFieldProps.js

Redux形式的Field组件从哪里获取输入prop？

1 个答案: