Reduxフォームのフィールドコンポーネントはどこから入力プロップを取得しますか？

Question

は

このpageからReduxの-フォームについて学ぶが、入力された小道具は、以下のようなフィールドコンポーネントに与えられているかを理解していない：からinput小道具を取得MyCustonInputさ

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> 
    ) 
    } 
} 

？例は、この下に示す：

import MyCustomInput from './MyCustomInput' 

... 

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

Answer 1

フィールドがcomponentに渡されているものにこれらのプロパティを適用し、より高次の成分です。これは、あなたが渡したコンポーネントと潜在的にFieldの他のプロパティに応じて、フィールドが必要とする値と、それが還元店に接続される方法を効果的に決定します。

ソースコードはおそらくこれに関する真のソースです。入力が定義されている場所は、createFieldProps関数で確認できます。 https://github.com/erikras/redux-form/blob/master/src/createFieldProps.js