• [解決済み] リアクトルーターで前のパスを検出する?

    質問 react routerを使用しています。どこから来たのか、前のページ(同じアプリ内)を検出したいのです。私は私のコンテキストでルータを持っています。しかし、私はルータオブジェクトに"previous path"またはhistoryのようなプロパティを見ることはありません。どうすればよいのでしょうか? どのように解決するのですか? 前のパスを componentWillRec

    2023-07-02 16:06:02
  • [解決済み] react-redux hooksを使用してコンポーネントをテストするには?

    質問 react-redux hooksを利用したシンプルなTodoコンポーネントがあり、酵素を使ってテストしているのですが、以下のようなエラーまたは浅いレンダーで空オブジェクトが表示されます。 react-reduxのフックを使用するコンポーネントをテストする正しい方法は何ですか? Todos.js const Todos = () => { const { tod

    2023-06-30 14:23:22
  • [解決済み] react router v4 default page(ページが見つかりません)

    質問 これは共通の目的で、マッチしないリクエストをnotfoundのページに誘導するものです。 react-router v4で作ると、以前のバージョンと同じように見えるので、このサンプルは以下のように動作すると思います。 サンプルは以下のように動作します。リンクは正常に動作しますが、私はNotFoundコンポーネントが要求された未知のURLのみ呼び出されることを期待; しかし、それは常

    2023-06-23 11:56:08
  • [解決済み] アクションがディスパッチされた後、Reduxストアで特定のプロパティの変更をリッスンする方法

    質問 私は現在、別のコンポーネントでのディスパッチ後のデータ変更に基づくコンポーネントでのアクションのディスパッチを処理する方法について、概念化しようとしています。 このシナリオを考えてみましょう。 dispatch(someAjax) ->状態の更新でプロパティ。 この後、この同じプロパティに依存する別のコンポーネントが、更新されたことを知り、新しい値に基づいてアクショ

    2023-06-14 10:50:46
  • [解決済み] Typescript でインターフェースを実装する際に、どのように private property を定義するのですか?

    質問 プロジェクトでTypeScriptを使っているのですが、ある問題に遭遇しました。 以下のようなインターフェイスを定義しています。 interface IModuleMenuItem { name: string; } このインターフェイスを実装したクラスを作りたいのですが、名前はこのようにプライベートプロパティにしたいのです。 class ModuleMenuItem

    2023-06-13 22:24:27
  • [解決済み] Reactでステートレスコンポーネントのrefにアタッチするにはどうすればよいですか?

    質問 ステートレス・コンポーネントを作成しようとしています。 input 要素が親コンポーネントによって検証されます。 以下の例では、入力の ref が親のプライベートな _emailAddress プロパティに割り当てられることはありません。 いつ handleSubmit が呼び出されます。 this._emailAddress は undefined . 何か

    2023-05-31 07:05:04
  • [解決済み] ReactフックのuseEffectは更新時のみ?

    質問 もし useEffect をコンポーネントがマウントされたときだけ実行するように制限したい場合は、2番目のパラメータとして useEffect の第二引数に [] . useEffect(() => { // ... }, []); しかし、どのようにすれば useEffect が実行されるようにするにはどうしたらよいでしょうか? どのように解決する

    2023-05-26 17:34:54
  • [解決済み] エラー [ERR_PACKAGE_PATH_NOT_EXPORTED]: パッケージのサブパス './lib/tokenize' は node_modules のモジュールの package.json の "exports" で定義されていません。

    質問 ReactのWebアプリです。実行すると npm start このエラーが発生しました > [email protected] start > react-scripts start node:internal/modules/cjs/loader:488 throw e; ^ Error [ERR_PACKAGE_PATH_NOT_EXPORTED

    2023-05-15 07:37:21
  • [解決済み] react-reduxコンテナコンポーネントへのpropsの受け渡し

    質問 React-Reduxのコンテナコンポーネントがあり、React Nativeのナビゲータコンポーネント内に作成されています。私はナビゲータをこのコンテナコンポーネントにpropとして渡すことができるようにしたいので、その提示コンポーネント内でボタンが押された後、それはナビゲータスタックにオブジェクトをプッシュすることができます。 私は、react-reduxコンテナコンポーネント

    2023-05-11 08:44:41
  • [解決済み] Material-UIを使用してAppbarの下にドロップダウンメニューを開くには?

    質問 私はMaterial-UIの初心者で、ちょうど彼らの メニュー付きアプリ バーの例 . メニューのドロップダウンをトグルするとき、それはAppbar自体の上に開きますが、私はそれがNavbarの下に開くことを望んでいます。 ドキュメントから、私は、これは次のようにして行うことができると理解しています。 anchorEl のように説明されています。 ここで . しかし、こ

    2023-05-07 06:36:01
  • [解決済み] React開発ツール - "break on warnings "を無効にする。

    質問 create-react-appで開発中、警告が出るとブラウザがデバッガーモードになります。 react-dev-toolsのソースコード上で壊れる。 // --- Welcome to debugging with React DevTools --- // This debugger statement means that you've enable

    2023-05-06 10:16:01
  • [解決済み] MUIスタイルにプロップを渡す

    質問 与えられた Card のようなコード ここで . どのように私はカードスタイルまたは任意の材料UIスタイルからとして更新することができます。 const styles = theme => ({ card: { minWidth: 275, }, このようなものに、次のように const styles = theme => ({ card:

    2023-05-05 15:19:38
  • [解決済み] Jestテスト実行時に `regeneratorRuntime` が定義されていない。

    質問 タイトルは、私が直面していることをほぼ説明しています。私は React コンポーネントをテストしようとしています。そして、コンポーネントが必要とするものを取得するために、私のストアをコンポーネントに提供しようとしました。Jestを使用してコンポーネントのテストを実行すると、次のエラーが発生します。 ReferenceError: regeneratorRuntime is no

    2023-05-01 07:49:06
  • [解決済み] webpack、ES6、ReactJSを使ったJavaScriptファイルのインポートと関数呼び出し

    質問 非常に簡単だと思われることをしようとしています。私は既存のJavaScriptライブラリをインポートし、その関数を呼び出したいと思っています。 例えば、私はblah.jsをインポートし、blah()を呼び出したいと思っています。 import React from 'react'; import {blah} from 'blah/js/blah.js'; class MyClas

    2023-04-24 20:25:52
  • [解決済み] モジュールが見つかりません: 'redux'

    質問 私は、新しいreactアプリケーションを create-react-app cliを使用して新しいreactアプリケーションを作成しました。 そして 'react-redux' を使ってライブラリを追加しました。 npm install --save react-redux . で package.json を持っています。 "react-redux": "^4.4.

    2023-04-22 16:40:42
  • [解決済み] TextField type="number" に最小値/最大値を設定するには?

    質問 Material-UI v1.0.0-beta23を使用しています。 redux-form と redux-form-material-ui . 私が持っているのは Field があり、このタグに最小値と最大値を設定したいのです。私は、両方の inputProps とmin/maxの両方を試しましたが、どちらも私が望むことを行っていないようです。ソースコードを見てみましたが

    2023-04-22 12:01:14
  • [解決済み] Warning: Use the 'defaultValue' or 'value' props on <select> instead of setting 'selected' on <option>

    Question SCENARIO A user has a dropdown and he selects an option. I want to display that dropdown and make that option a default value which was selected by that user last time. I am using s

    2023-04-21 09:24:53
  • [解決済み] babelを使用した後、IEで'Symbol'が未定義になる。

    質問 私は reactjs アプリは ES6 標準で書かれており、私は webpack を使ってビルドしています。その webpack をロードします。 js モジュールを babel-loader . 具体的には、以下のバージョンのパッケージを使用しています。 ├── [email protected] ├── [email protected] ├── babel-load

    2023-04-15 17:36:47
  • [解決済み] Reactjs: 親から動的な子コンポーネントの状態やプロップを変更するには?

    質問 reactでタブを作ろうとしているのですが、いくつか問題があります。 以下はファイルです。 page.jsx &lt;RadioGroup&gt; &lt;Button title="A" /&gt; &lt;Button title="B" /&gt; &lt;/RadioGroup&gt; ボタンAをクリックしたとき、RadioGroupコンポーネント

    2023-04-14 21:53:05
  • [解決済み] 危険なSetInnerHTMLの安全な代替手段

    質問 私のサイト(Reactを使用している)で動的なブログを持ちたいと思います。当初、私は投稿を生のHTMLでデータベースに保存し、dangerouslySetInnerHTMLを使用してコンテンツを生成するつもりでした。しかし、私はセキュリティの影響を懸念しています。私のアプリには機密データはありませんが、私はXSSに十分に精通しておらず、私のアプリを開放するすべての危険性を知っていません

    2023-04-07 05:13:08