useImperativeHandle の状態は永続的ではありません

const[data,setData]=useState([]); の状態にあるとしましょう: useImperativeHandle に次のように入れます: useImperativeHandle(ref,()=>({data,})); useEffect を使用するとき次のように状態が変化したときを追跡するには: useEffect(()=>{console.log(componentRef.current.data);

P粉786800174 2024-04-01 00:20:12 0  1  389

入力値の状態を親コンポーネントから子コンポーネントに渡す React メソッド

配列全体をマップし、さまざまな子コンポーネントの反復を出力する親コンポーネントがあります。親コンポーネントの状態にアクセスしようとしていますが、子コンポーネントから「inputValue」の正しい状態を抽出して親コンポーネントに配置する方法がわかりません。理想的には、inputValue 状態と isValidated 状態の両方が親コンポーネントに存在し、さまざまなフォームベースの関数で使用できるようにしたいと考えています。親コンポーネント: importReact,{useState}from'react';import

P粉300541798 2023-09-17 00:11:51 0  1  714

React で状態を前の状態に設定するときの typescript エラーを修正するにはどうすればよいですか?

この状態を useEffect のどこかに const[userInfo,setUserInfo]=React.useState<UserInfo|unknown>() で定義し、前の状態に基づいて設定しようとします。したがって、setUserInfo((prevState)=>{return{...prevState,...someRef.current}}) を実行しますが、次のエラーで失敗します。

P粉520545753 2024-02-03 22:41:43 0  1  430

配列オブジェクトの場合にonChangeイベントで状態を更新する方法

いくつかの状態があります: const[budget,setBudget]=React.useState<{name:string;budget:number|null}[]>(); TextField を使用して、名前と名前に基づいてその状態を更新しようとしています。入力フィールドの値: Budget.map((item)=>{content.push(<TextFieldname={item.name}id={item.na)

P粉726234648 2023-09-17 20:42:24 0  1  526

React の状態が正しい順序でマッピングされない

Redux を使用した Next.js プロジェクトがあります。私のストアには、Redux リデューサーを介して更新される一連の状態があります。基本的には、いくつかのコンポーネントでよく使用する状態配列です。私のリデューサーの 1 つで、この配列をソートします。配列にはオブジェクトが入っており、それらを特定のプロパティで並べ替えます。配列を console.log に記録すると、正常にソートされているようです。私のコンポーネントの 1 つで、この並べ替え状態をマップしました。ここではロジックを単純化しました。 names.map((p)=>(<divkey

P粉476547076 2024-03-31 09:23:01 0  1  451

Plotly.js サンバースト チャートの状態変化を判断する

私は、plotly.js を使用してサンバースト チャートを表示する React アプリを持っています。サンバースト チャートの「ズーム状態」に基づいて変化する他のアクション/コンポーネントがあります。たとえば、完全にズームアウトすると、バースト チャートに 4 つの同心円が表示されます。中心から 2 番目の円をクリックすると拡大され、同心円が 3 つだけ表示されます。クリック ハンドラーを介してステータスを判断できると考えましたが、それは簡単ではないようです。実際に何がどのくらいの深さまで（同心円が何個あるか）見えている状態が気になります。状態を反映するコールバックまたは何かを見つけたいと思...

P粉659516906 2023-08-31 20:42:38 0  1  485

CSS アニメーションを終了時に最終状態に保つ

CSS で opacity:0; に設定されているいくつかの要素でアニメーションを実行しています。キーフレームを使用してアニメーション クラスが onClick イベントに適用され、不透明度が 0 から 1 に変更されます (その他の変更もいくつかあります)。残念ながら、アニメーションが終了すると、要素は不透明度: 0 の状態に戻ります (Firefox と Chrome の両方)。私の直感では、アニメーション化された要素は最終状態に残り、元のプロパティがオーバーライドされると考えています。これは本当ではないでしょうか？そうでない場合、要素を最終状態に保つにはどうすればよいでしょうか?コード ...

P粉950128819 2023-08-20 18:36:55 0  2  682

React のコンポーネントは状態変更後も変更されません (componentDidMount フェッチ)

チュートリアルに従ってニュース アプリを作成し、newapi からデータを取得しています。コードはチュートリアルと同じですが、状態 (this.state.articles) を更新してもコンポーネントは変わりません。 setState 関数を使用しました。コンソールに状態を記録しようとしました。更新後、状態は正常に見えます。レンダリング メソッドは実行されましたが、何も変化しませんでした。コード/コンポーネントの何が間違っている可能性がありますか。 importReact,{Component}from 'react'im

P粉384679266 2023-09-12 00:02:48 0  2  653

ログアウト時にNuxtアプリケーションの状態をリセットするにはどうすればよいですか?

ユーザーがアプリケーションを終了すると、Ponia の永続的な authStore 状態がリセットされ、ユーザーは /login にリダイレクトされます。ただし、次のユーザーがページを更新せずにログインした場合、メイン ページにはまだページの状態が残っているため、前のユーザーのデータが表示されます。この問題はどのように解決すればよいでしょうか?ログアウト時にアプリケーションのすべての状態をリセットするにはどうすればよいですか?ある認証セッションの状態を別の認証セッションから分離するための推奨ソリューションはありますか?ページ上で「ログアウト」ボタンが押されたときにページの状態を手動でリセットし...

P粉706038741 2023-09-16 20:59:12 0  1  692

Vue3 - ページの更新による状態の維持

私は Vue3 を使い始めたばかりで、vuex を使用して状態を管理しようとしています。 Vue2 を使用する場合、アプリがロードされるたびに次のようにストアを呼び出します。 //mains.jsimportVueRouterfrom"vue-router";importVuexfrom"vuex";importrouterfrom"./routes";window.Vue=require('vue

P粉959676410 2024-03-25 23:22:06 0  1  535

PHP ファイルは、中国語と英語のさまざまな状態で、対応する JS ファイルをどのように実行しますか?

中国語版の JS ファイルを中国語状態で実行し、英語版の JS ファイルを英語状態で実行するように php ファイルを設定する方法

手机用户1611143489 2021-02-07 19:02:56 0  2  998

コンポーネントを再レンダリングせずに React.js の Context の状態を更新するにはどうすればよいですか?

基本的には Google Maps API を使用しており、建物をクリックするとモーダルに情報が表示されます。モードの状態はコンテキスト内にあり、マップ上のクリック イベントによって更新されます。状態が更新されると、状態は Map コンポーネント自体から更新されるため、マップ全体が再度再レンダリングされます (サイズが小さくなります)。マップを再レンダリングせずにコンテキストの状態を更新するにはどうすればよいですか? memo と useCallback を使用しようとしましたが、props (コンテキスト) が更新されているため、マップが再度再レンダリングされます。

P粉322319601 2024-02-26 00:05:17 0  1  475

Localstorage オブジェクトの複数の状態を更新する方法 React

したがって、状態を保持する localStorage フックはすでにありますが、更新された関数 const{data,setData}=useLocalStorage();constaddWorkExperience=()=>{letadditionJob={ を追加するオブジェクト内の 2 つの項目を更新したいと考えています。 . ..data,jobExperience:[...data.jobExperience,{city:""

P粉696605833 2023-09-14 11:49:00 0  1  570

React Query の競合状態

リアクティブ クエリを使用して Todo アプリを作成しようとしていますが、競合状態の問題に直面しています。ユーザーが新しい To Do を更新/作成し、[保存] をクリックする To Do ページがあります。ユーザーのインターネット接続によっては、保存プロセスに約 3 秒かかる場合があります。 To Do アイテムを編集した後、ユーザーは To Do ページに残ります。新しい To Do アイテムを作成した後、ユーザーは To Do アイテムのページに移動します。問題は、ユーザーが To Do を作成/更新し、To Do モーダルの表示をクリックすると (これは外部コンポーネントなので編集で...

P粉364642019 2023-09-03 09:51:21 0  1  704

javascript - 画像リンク要求が常に保留状態になるため、ページがクラッシュします。解決方法は?

インターフェースを要求すると画像リンクが返される 画像リンクが読み込まれると常に保留状態となる 成功ステータスコードも失敗ステータスコードも返されず保留状態のままとなる 長期保留中によりページがクラッシュします。解決方法は?

阿神 2017-06-05 11:13:58 0  1  1300

console.log にオブジェクトの現在の状態を表示するにはどうすればよいですか?

アドオンのない Safari (実際、他のほとんどのブラウザでも) では、console.log には、console.log が呼び出されたときの状態ではなく、実行終了時のオブジェクトの状態が表示されます。コード行のオブジェクトのステータスを取得するには、オブジェクトのクローンを作成して console.log 経由で出力する必要があります。例: vartest={a:true}console.log(test);//{a:false}test.a=false;console.log(tes

P粉868586032 2023-08-22 13:37:22 0  2  551

状態の配列を並べ替えます

私は zustand を使用して ToDo 項目の配列を含むグローバル状態を作成しており、各 ToDo 項目の追加、削除、完了/元に戻すの切り替え機能を備えています。また、DndKit を使用して各 ToDo コンポーネントをドラッグ アンド ドロップし、グローバル コンテキストで並べ替えます。そのためには、次のように zustand ストアに reorderTodo 関数を作成する必要があります。 conshandleDragEnd=(event:any)=>{const{active ,over }=イベント;if(アクティブ.i

P粉741678385 2024-03-30 14:44:42 0  1  420

反応警告: useEffect の状態を更新するときに更新の深さが最大制限を超えました

ブール変数を含むオブジェクトである状態変数を更新しようとしています。データが利用可能になったら (ボタンのクリックで呼び出された API 呼び出しに応答して)、useEffect 内の状態を更新します。次に、このデータを使用して別のコンポーネントであるモーダルを呼び出します。使用可能なデータがない場合は、別のモーダルを表示します。ポップアップを閉じると、状態変数が更新されるはずです。 const[modalState,setModalState]=useState<IModalState>({sho

P粉447785031 2023-09-06 13:46:55 0  1  580

Python - マルコフ連鎖状態遷移確率行列を求める

時系列は次のとおりです: {code...} この時系列には合計 4032 個の値があり、これらの値の値空間は 115 通りあります a=[-0.49,-0.47,-0.45.... ··1.75,1.77 ,1.79]、今、この 115*115 の状態遷移確率行列を調べたいのですが、MATLAB プログラムを書きましたが、計算しました...

習慣沉默 2017-05-18 10:57:34 0  1  1699

React サブコンポーネントは useEffect 内の非同期関数からの状態変化を感知できません

非同期関数内で生成された状態を渡そうとしていますが、それ自体は useState 内にあります。 useRef は可変の状態を参照できるため、おそらくこの問題を解決する最良の方法であることを学びました。その過程で React-useStateRef について学びました。これにより、メイン コンポーネント内の状態が更新されないという別の問題 (「」が取得され続ける) が最終的に解決されました。レンダリングが多すぎます)。したがって、基本的に useRef と useState を 1 つにまとめたものとして機能します。しかし、ステータスは最終的に更新されましたが、まだ私の宛先には配信されませんで...

P粉609866533 2023-09-02 12:55:44 0  1  539