[解決済み] TypeError: reactjs の未定義のプロパティ 'status' を読み取ることができません。
2022-02-08 04:13:24
質問
status==200 がOKなら /home にプッシュしようとしているのですが、エラーになるんです。
handleSubmit = (e) => {
e.preventDefault();
const form = this.props.form;
const { password, username } = this.state;
let data = new FormData(); // creates a new FormData object
data.append('username', form.getFieldValue('username'));
data.append('password', form.getFieldValue('password'));
axios.post('http://127.0.0.1:8000/user/login/', data)
.then(res=>console.log(res))
.then(data => { if(data.status == 200){ history.push('/home');}})
.catch(err=>console.log(err))
};
これをレンダリングします。
{data: {…}, status: 200, statusText: "OK", headers: {…}, config: {…}, …}
TypeError: 未定義のプロパティ 'status' を読み取ることができません。
解決方法は?
交換
axios.post('http://127.0.0.1:8000/user/login/', data)
.then(res=>console.log(res))
.then(data => { if(data.status == 200){ history.push('/home');}})
.catch(err=>console.log(err))
と
axios.post('http://127.0.0.1:8000/user/login/', data)
.then(res => (res.status === 200) && history.push('/home'));
.catch(err=>console.log(err))
ここでdataキーワードを使用しないことをお勧めします。これは、APIの結果にdataキーワードが含まれているため、曖昧さが生じます。 jsの比較では常にトリプルイコール(===)を使用するようにしてください。
関連
-
[解決済み】ReactJSでエラー発生 Uncaught TypeError: Super expression は null か関数でなければならず、undefined ではありません。
-
[解決済み】Typescript react - モジュール ''react-materialize'' の宣言ファイルが見つかりませんでした。'path/to/module-name.js' は暗黙のうちに any 型を持ちます。
-
[解決済み】react router v^4.0.0 Uncaught TypeError: 未定義のプロパティ'location'を読み取れない
-
[解決済み】Reactでclsxを使用する方法
-
[解決済み] useStateプロパティのフックにmap関数を使用する方法
-
[解決済み] sh: react-scripts: npm start の実行後にコマンドが見つからない。
-
[解決済み] React - _this2.SetStateは関数ではありません。
-
[解決済み] Reactでグローバル変数を宣言する方法とは?
-
[解決済み] React JSXのforEach()でHTMLが出力されない
-
[解決済み] React - uncaught TypeError: 未定義のプロパティ 'setState' を読み取れない
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】Typescript react - モジュール ''react-materialize'' の宣言ファイルが見つかりませんでした。'path/to/module-name.js' は暗黙のうちに any 型を持ちます。
-
[解決済み】Reactでclsxを使用する方法
-
[解決済み] React + TypeScript のエラーです。この呼び出しにマッチするオーバーロードがありません
-
[解決済み] TypeError: reactjs の未定義のプロパティ 'status' を読み取ることができません。
-
[解決済み] 非必須項目に対するYupバリデーション
-
[解決済み] カスタマイズ素材UI チェックした場合としない場合の切り替え
-
[解決済み] ReactJS - SCRIPT1010: 期待される識別子 - IE11 で本番ビルドが実行されない
-
[解決済み] nginxでcertbotを使用する際の問題点
-
[解決済み] ReactコンポーネントのJest SnapshotテストにおけるSnapshotテストの仕組みとtoMatchSnapshot()関数は何をするのか?
-
[解決済み] componentDidUpdate'メソッドはいつ使用するのですか?