還元型にヘルパーテキストを渡す

Question

私はredux-form 6.0.0-rc.4を使用しています。Fieldに追加のプロパティを渡す方法があるかどうか疑問に思っています。

const renderField = field => (
    <div className={field.touched && field.error ? 'invalid' : 'valid'}> 
    <label>{field.input.placeholder}</label> 
    <input {...field.input} /> 
    {field.touched && field.error && <span><i className="fa fa-warning"></i> {field.error}</span>} 
    </div> 
); 

そして、私のField：ここ

は私renderFieldコンポーネントです

<Field name="addressOne" type="text" placeholder="Address One" component={renderField} /> 

私はそう、私はrenderFieldに含めることができFieldに直接ヘルパーテキストを渡すことができるようにしたいと思います。ドキュメントでは、redux形式は非常に柔軟性があることを示していますが、これを達成するための簡単な方法はないようです。

EDIT -

私は「ヘルパーテキストを」と言う、私はユーザーを導くために、いくつかのコピーを意味します。たとえば、日付フィールドでは、「選択された日付は2営業日後でなければなりません」という行に沿ってテキストを追加したいのですが、選択したフィールドには「リストから1つだけを選択してください。明らかに、これは各フィールドごとに異なります。

Answer 1

それは非常に簡単です：Reduxのフォームで使用されていないあなたはFieldに渡すすべての小道具は、単にコンポーネントに渡されます。あなたの例にhelpTextを追加して、それがどのように動作するかを示します。

const renderField = field => (
    <div className={field.touched && field.error ? 'invalid' : 'valid'}> 
    <span>{field.helpText}</span> 
    <label>{field.input.placeholder}</label> 
    <input {...field.input} /> 
    {field.touched && field.error && <span><i className="fa fa-warning"></i> {field.error}</span>} 
    </div> 
); 

フィールド：

<Field name="addressOne" type="text" placeholder="Address One" component={renderField} helpText="This is my custom help text." /> 

これはReduxの形式V6用Fielddocumentationに点3として注目されています。