web-dev-qa-db-ja.com

Formik and Yup:TypeError:未定義のプロパティ「オブジェクト」を読み取ることができません

私はReactが初めてで、検証のためにyupでformikを試していました。現在、以下のエラーが発生しています。

TypeError:未定義のプロパティ「オブジェクト」を読み取ることができません

このコードで:

validationSchema: Yup.object().shape({
  firstName: Yup.string().required()
}),

Formik、react、yupの最新バージョンをすべて使用しています。バージョンは

"yup": "^ 0.25.1" "formik": "^ 0.11.11"、 "react": "^ 16.4.0"、 "react-dom": "^ 16.4.0"、

誰かがこの問題を解決するのに役立ちますか?

ここに複製されます https://codesandbox.io/s/lrowpj8pq7

ありがとう!

12
Shawn

正しい答えは、ダウングレードすることではなく、インポート方法を変更することです。

import * as Yup from 'yup' の代わりに import Yup from 'yup'

// wrong
import Yup from 'yup';

// correct
import * as Yup from 'yup';

動作する例を次に示します。 https://codesandbox.io/s/xlnw2x0kk4

100