web-dev-qa-db-ja.com

getFieldValueまたはFormikの同様のもの

Formikのクリックハンドラー内のフィールドの値を取得する方法はありますか？

そこでsetFieldValueを使用できるので、Formikは値を取得するために次のようなものを持つべきだと思います（しかし、どこにも見つかりません）。

<Button onClick={() => getFieldValue('name') === 'Test' ? action1 : action2}

これをFormikで行う正しい方法は何ですか？

javascriptreactjsformik
11
reectrix

Formikはそのvaluesオブジェクトをprops経由でフォームに渡します。入力があり、FormikにfirstNameという名前で配線されているとします。 this.props.values.firstNameを介して入力の値にアクセスできます。

<button onClick={() => console.log(this.props.values.firstName)}>
  Log firstName
</button>

これをテストして確認しました。 ドキュメント のいくつかの場所でも説明されています。

2
Reed Dunkle