Übergeben von Hilfstext an redux-form

Question

Ich verwende redux-form 6.0.0-rc.4 und ich frage mich, ob es eine Möglichkeit gibt, eine zusätzliche Eigenschaft an meine Field s zu übergeben.

Hier ist meine renderField Komponente:

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

Und mein Field:

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

Ich möchte in der Lage sein Helfer Text passieren direkt an den Field so kann ich es in renderField enthalten. Die Dokumente zeigen, dass Redux-Form extrem flexibel ist, aber es scheint keine einfache Möglichkeit zu sein, dies zu erreichen.

EDIT -

Wenn ich sage "Helfer Text", meine ich einige Kopie den Benutzer zu führen. In einem Datumsfeld möchte ich beispielsweise einen Text in der Form "Das ausgewählte Datum muss zwei Werktage sein" hinzufügen und in einem Auswahlfeld "Bitte wählen Sie nur eines aus der Liste". Offensichtlich würde dies für jedes Feld anders sein.

Answer 1

Es ist sehr einfach: Alle Requisiten, die Sie an Field übergeben, die nicht von redux-form verwendet werden, werden einfach an die Komponente weitergegeben. Ich habe Ihrem Beispiel helpText hinzugefügt, um Ihnen zu zeigen, wie es funktioniert.

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

Und Field:

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

Dies wird darauf hingewiesen, als Nummer 3 in der Fielddocumentation für Redux-Form v6.