React：マウントされていないコンポーネントでReact状態の更新を実行できません
Konstantink1
D3.jsビジュアライゼーションを作成するために、いくつかのjsonデータをReactアプリにロードし、使用する前にデータに変更を加えようとしています（データセットの各行に追加のデータを含む列をもう1つ追加します）。それを機能させてconsole.logに表示することができましたが、アプリに変更を加え始めると、エラーのある次のウィンドウが表示されます。
なぜこれが起こっているのかよくわかりません。関数に「await」をもう1つ追加するかfetchUrl()（のようなものawait addQuarterStringsToArr(data)）、メインコンポーネントのフェッチAPIを使用してこの変更ヘルパー関数を適用しようとしましたが、これらすべての場合で、追加の列を持つ目的のデータセットを取得できませんでした。
これが私のコードサンドボックスです
ここで何が間違っているのか教えていただけますか？私はReactとプログラミング全般にまったく慣れていないため、この問題を解決する方法について混乱しています。
前もって感謝します！
アデル
addQuarterStringsToArr関数からデータを返さないので、ここsetData(addQuarterStringsToArr(data))では未定義になります。
次のaddQuarterStringsToArrような関数でデータセットを返すだけです。
// helper function to add corresponding text for the quarter and year as a string
export default function addQuarterStringsToArr(dataset) {
for (let i = 0; i < dataset.length; i++) {
switch (dataset[i][0].substring(5, 7)) {
case "01":
case "02":
case "03":
dataset[i].push(dataset[i][0].substring(0, 4) + " Q1");
break;
case "04":
case "05":
case "06":
dataset[i].push(dataset[i][0].substring(0, 4) + " Q2");
break;
case "07":
case "08":
case "09":
dataset[i].push(dataset[i][0].substring(0, 4) + " Q3");
break;
case "10":
case "11":
case "12":
dataset[i].push(dataset[i][0].substring(0, 4) + " Q4");
break;
default:
break;
}
}
return dataset;
}
これがうまくいくことを願っています。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
ReactマウントされていないコンポーネントエラーでReact状態の更新を実行できません
- 2
React useEffectの原因：マウントされていないコンポーネントでReact状態の更新を実行できません
- 3
React-Native：警告：マウントされていないコンポーネントでReact状態の更新を実行できません
- 4
マウントされていないコンポーネントのuseEffectエラーでReact状態の更新を実行できません
- 5
Reactjsおよびfirestoreでマウントされていないコンポーネントに対してReact状態の更新を実行できません
- 6
ReactNativeマウントされていないコンポーネントのFirebaseでReact状態の更新を実行できません
- 7
反応中のマウントされていないコンポーネントでReact状態の更新を実行できません
- 8
警告の取得：マウントされていないコンポーネントでReact状態の更新を実行できません
- 9
反応フック。マウントされていないコンポーネントでReact状態の更新を実行できません
- 10
警告：マウントされていないコンポーネントでReact状態の更新を実行することはできません
- 11
ReactJSとRedux：マウントされていないコンポーネントでReact状態の更新を実行できません
- 12
マウントされていないコンポーネントでReact状態の更新を実行できませんか？
- 13
useEffect-マウントされていないコンポーネントでReact状態の更新を実行できません
- 14
ReactJS：マウントされていないコンポーネントでReact状態の更新を実行できません
- 15
修正方法：警告：マウントされていないコンポーネントでReact状態の更新を実行できません
- 16
ReactSpring「マウントされていないコンポーネントでReact状態の更新を実行できません」
- 17
Google Analytics：警告：マウントされていないコンポーネントでReact状態の更新を実行できません
- 18
マウントされていないコンポーネントでReact状態の更新を実行できません
- 19
Reactテストライブラリ：テスト内の更新がact（...）でラップされておらず、マウントされていないコンポーネントでReact状態の更新を実行できません
- 20
マウントされていないコンポーネントの問題に対してuseEffectで反応状態の更新を実行できません
- 21
マウントされていないコンポーネントエラーで反応状態の更新を実行できません
- 22
警告：マウントされていないコンポーネントで反応状態の更新を実行できません
- 23
警告：マウントされていないコンポーネントでReact状態の更新を実行することはできません。機能コンポーネント内
- 24
「マウントされていないコンポーネントでReact状態の更新を実行できない」エラーを修正
- 25
「警告：マウントされていないコンポーネントでReact状態の更新を実行できません」という警告を解決するにはどうすればよいですか？setInterval関数から？
- 26
「警告：マウントされていないコンポーネントでReact状態の更新を実行できません」という警告を解決するにはどうすればよいですか？setInterval関数から？
- 27
マウントされていないコンポーネントでReact状態の更新を実行できません。useEffect内のすべてのタスクをキャンセルします
- 28
マウントされていないコンポーネントでReact状態の更新を実行できません。これはノーオペレーションです-MobX関連
- 29
エラーメッセージが表示されます警告：マウントされていないコンポーネントでReact状態の更新を実行できません
コメントを追加