は例えば、私はReduxの形式でランダム成分を得た '外' から

Question

をReduxの形式でエラーを修正します。

{code...} 

    <form> 
    <Field 
     component={TextField} 
     name="firstName" 
    /> 
    </form> 

export default connect(mapStateToProps)(reduxForm({ 
    form: 'myForm', 
    validate, 
})(injectIntl(myForm))); 

そしてvalidate.jsファイル：

{code...} 

const firstName = trim(values.get('firstName')); 
if (!(firstName)) { 
    errors.firstName = 'Required'; 
} 

を変更することができイムエラーメッセージは、が必要です、または私が欲しいものがあります。

しかし、私の質問はです：私は、エラーを変更したりしても、新たな一つの条件が、外validate.jsファイルを追加することができていますか？たとえば、コンポーネント内。だからファイルを変更せずに、の名前を別の名前に変更することはできますか？

ありがとうございます！

を編集します。フォームを保持するコンポーネントの指定フィールドを参照するにはどうすればよいですか？

グローバルに修正する方法はありますか？簡単な例：あなたが必要なだけ設定validationMessagesのメッセージを変更する必要がある場合は、次に

export const validationMessages = { 
    required: 'Field is required' 
} 

// ...code 

errors.firstName = validationMessages.required 

：あなたは検証メッセージを定義するために別のオブジェクトを使用することができ

globalComponent.js

{ 
    form: 'myForm', 
    error: { 
    field: 'firstName', 
    errorMsg: 'Use a capital letter!', 
    }, 
} 

Answer 1

必要なもの：

validationMessages.required = 'First name is required' 

howeve r、検証メッセージでオブジェクトを変更するのは良い解決策ではありません。 redux-form-validatorsというモジュールを使用することを強くお勧めします。

このモジュールを使用すると、簡単に検証メッセージオーバーライドすることができます。

import { required, email } from 'redux-form-validators' 

<Field 
    ... 
    validate={required()} // Will use the default required message 
> 

<Field 
    ... 
    validate={required({ message: 'Hey, the first name is required!' })} // Will override the default message 
/>