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  710

flask – Python Web でログインステータスを共有するには?

ドメイン名の下には多くのサブドメイン名があり、各サブドメイン名はサブシステムに対応します。これらのサブシステムには、DJANGO を使用して開発されたものと、Flask などの異なるフレームワークを使用して開発されたものがあります。そこで、これらの間でログイン ステータスを共有するにはどうすればよいですか。違うシステム？つまり、特定のシステムにログインして使用する限り...

巴扎黑 2017-07-05 10:34:20 0  2  932

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  426

配列オブジェクトの場合に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  450

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  677

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

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

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

laravel - PHPの静的関数とパブリックメソッドの長所と短所

静的関数の利点: 1. オブジェクト指向 2. メモリ常駐で高速 3. Yii::app()-&gt;params[$name]; などの便利な管理 パブリック メソッドの利点: 1. app_param などの便利な呼び出し($name ); 関数を設定するとき、それを静的関数として作成するか、パブリック メソッドとして作成するかをどのように選択すればよいですか? あるいは、... と言うべきでしょうか?

typecho 2017-06-26 10:49:16 0  2  878

vuex neutronコンポーネントはパブリック状態を呼び出すことができません - コードログ

最近罠にはまって、vuex を使ってみたかったのですが、vuex をインストールして、store.js に public state {code...} を設定し、main.js に {code...} を設定しました。 a サブコンポーネントの {code...} は、ステータスが未定義であることを示しています。不足している手順はありますか?

迷茫 2017-05-17 09:56:39 0  3  698

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

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

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

javascript - 静的ページはパブリックヘッダーおよびテールファイルを参照します。js を記述するにはどうすればよいですか?

静的ページはパブリックヘッダーファイルとテールファイルを参照します。js を記述するにはどうすればよいですか?

欧阳克 2017-07-05 10:43:44 0  6  930

JavaScript - 関数型プログラミングの学習に理解できない文があります

JavaScript は、多くの共有状態を持つ動的な言語です。すぐに複雑さが蓄積され、コードが扱いにくく、保守が困難になります。多くの共有状態が何を意味するのかわかりません...

phpcn_u1582 2017-05-19 10:10:17 0  1  459

ネットワークディスクリンクを共有する

ネットワークディスクリンクを共有する

Mila 2017-11-12 20:08:21 0  1  1645

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