• 不変量に失敗しました。<Route> を <Router> の外部で使用することはできません。

    質問 私は react-router-dom でのルーティングのために React アプリケーションのルーティングに使用されます。私のアプリケーションの一部は、別のパッケージで展開されます。依存関係の一覧はこんな感じです。 ./app/dashboard/package.json { "dependencies": { "@app/components": "^

    2023-12-22 19:37:06
  • ReactJSとDjangoの組み合わせ - 実際の使用例

    質問 私はReactを少しいじっていました、そして、私はそれをかなり好きです。それはAngularよりもはるかに冗長です(ng-repeat with | filterは貴重です)、しかし大丈夫です。 私を悩ませているのは、DjangoテンプレートでどのようにReactを使うかです。すべての javascript を "HTML" マークアップと一緒にテンプレートに入れるべきなのでしょう

    2023-11-21 05:36:07
  • レイアウトページやページごとの複数コンポーネントでReact-Routerを利用する

    質問 既存のプロジェクトにreactルータを追加しています。 現在、モデルはルートコンポーネントに渡され、そのルートコンポーネントには、サブナビゲーション用のナビゲーションコンポーネントとメインコンポーネントが含まれています。 私が見つけたreact routerの例は、1つの子コンポーネントしか持っていません。両方でレイアウトコードを繰り返すことなく、複数の子コンポーネントを変更さ

    2023-11-19 04:57:48
  • Typescript complains Property does not exist on type 'JSX.IntrinsicElements' when using React.createClass?(React.createClassを使用すると、Propertyが存在しない。

    質問 typescriptを使ってreduxアプリケーションを書いています。 var item = React.createClass({ render: function() { return (&lt;div&gt;hello world&lt;/div&gt;) } }); export default class ItemList extends Componen

    2023-11-19 04:25:04
  • フラットバンドルとは何か、なぜRollupはWebpackより優れているのか?

    質問 私は最近 ロールアップ について調べ、Webpack や他のバンドルとどう違うかを見てきました。私が出会ったことの一つは、&quot;フラットバンドル&quot; のため、ライブラリに適しているということです。これは ツイート から、そして ロールアップを利用するためのReactの最近のPRである . 私の経験では、Rollupはフラットバンドル周りの最適化

    2023-11-10 03:46:56
  • reactでContextを作成する際にCannot find namespace 'ctx' error - typescript

    質問 私は、プロジェクトで react を使用しています。 typescript を使っているのですが、なぜこのエラーが起きるのかがわからず、困っています。 createContext の例は、このためにインターネット上で見つけることができません。 これは特にここから得たものです。 https://github.com/typescript-cheatsheets/react-ty

    2023-11-01 21:40:35
  • onChangeイベントで追加パラメータを渡す

    質問 何をしようとしているのか。 子コンポーネントから親コンポーネントのhandleChange関数に文字列を渡そうとしています。 現在動作しているもの 親となるReact JSのクラスで、以下のようなメソッドを持っています。 handleChange(event) { console.log(event.target.value); } レンダー関数で

    2023-10-20 03:11:35
  • create-react-appが提供するESLintを無効化する。

    質問 create-react-app v3.0.0がリリースされました。 . 内部でTypeScriptのlintingをサポートしています。(これはいい!) TSLintがかかっている状況を理解して、ESLintに置き換えようと思っているのですが、今ひとつです。 でそのlintingのステップを無効にするにはどうしたらいいでしょうか? react-scripts start ?

    2023-10-17 14:24:09
  • 酵素、ReactTestUtils、react-testing-libraryの違いについて

    質問 反応テストのための酵素、ReactTestUtilsとreact-testing-libraryの違いは何ですか? ReactTestUtilsのドキュメントに書いてあります。 ReactTestUtilsは、Reactコンポーネントを好みのテストフレームワークで簡単にテストできるようにします。 フレームワークで簡単にテストできるようにします。 酵素のドキュメントに

    2023-10-09 10:32:59
  • MUIによるCSS疑似セレクタ

    質問 MUIのコードの多くで、reactのスタイル付きコンポーネントに擬似セレクタを使用しているのを見ました。私はそれを自分でやってみようと思ったのですが、私はそれを動作させることができません。私は何が間違っているのか、これが可能なのかどうかさえわかりません。 私は固定されたヘッダーに対してこの要素をオフセットするいくつかのCSSを作ろうとしています。 import React fro

    2023-10-08 03:30:46
  • Reactのデータバインディング

    質問 入力フィールドにテキストを入力すると、それがリアルタイムで別の場所に表示されるようにしたいのです。 以下は私の入力です。 &lt;div className="post_input"&gt; &lt;input className='post_data_input_overlay' placeholder="Ask your question here" ref="pos

    2023-10-07 10:49:05
  • CRAで開いているブラウザを無効にする方法は?

    質問 を使ってReactアプリを作りました。 create-react-app を使って作成しましたが、開発サーバーを起動するたびに ( npm start を使用して)、ブラウザを開いてしまいます。私は、開発サーバーを起動するたびにブラウザを開かないようにしたいのです。 どうすればこれを達成できますか? どのように解決するのですか? 作成方法 .env ファイルをルート

    2023-10-05 17:39:45
  • タイプスクリプトです。Reactでhistoryオブジェクトの型チェックを追加する方法とは?

    質問 次のようなコードがあり、propとしてヒストリーオブジェクトを受け取ります。 const ChildComponent = ({ history }) =&gt; ( &lt;div className={styles.body}&gt; &lt;div className={styles.cta}&gt; &l

    2023-10-05 03:39:56
  • Axios: 複数のAPIリクエストを連結する

    質問 Google Maps APIからいくつかのAPIリクエストをチェーンする必要があり、Axiosでそれを行おうとしています。 以下は最初のリクエストで、componentWillMount()の中です。 axios.get('https://maps.googleapis.com/maps/api/geocode/json?&amp;address=' + this.props.

    2023-09-30 09:46:21
  • Redux DevTools Extension using TSでのエラー:「プロパティ '__REDUX_DEVTOOLS_EXTENSION_COMPOSE__' はタイプ 'Window' に存在しません」?

    質問内容 index.tsxでこのエラーが発生しました。 プロパティに' redux_devtools_extension_compose(レデュースデバイスツールエクステンションコンポーズ)。 ' はタイプ 'Window' に存在しません。 以下は私のindex.tsxのコードです。 import * as React from 'react'; import * as R

    2023-09-30 08:33:43
  • 式には1つの親要素が必要です」というエラーが発生するのですが、どのように修正すればよいですか?

    質問 Reactは比較的初心者なのですが、ここでの標準はどうなっているのでしょうか? このようなreact-routerがあるとします。 &lt;Router history={history}&gt; &lt;Route path="/" component={App}&gt; &lt;Route path="home component={Home} /&gt;

    2023-09-23 05:52:23
  • Reactとtypescriptでstyle属性にcss変数を定義する方法

    質問 jsxをこのように定義したいのですが、どうすればよいでしょうか。 &lt;table style={{'--length': array.lenght}}&gt; &lt;tbody&gt; &lt;tr&gt;{array}&lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; で、CSSで-lengthを使っていますが、C

    2023-09-20 08:10:19
  • material-ui appbar with material-ui-next を使って右や左にフロートさせる正しい方法とは?

    質問 material-ui-next ("material-ui": "^1.0.0-beta.22") を使用しながらログイン/ログアウト ボタンを右に浮かせるために正しい方法を使用しているかどうかがわかりません。 を削除したようです。 iconElementRight= を削除したようです。私たちは &lt;Grid&gt; を使わなければならないのでしょうか?なんだか不格好

    2023-09-19 19:29:13
  • 関数でなければならない。通常はReact.PropTypesの関数である

    質問 MainからHeaderに文字列を渡したい。成功するのですが、警告が出ます。私はReactの初心者なので、何がどうなっているのかがわかりません。 it must be a function の意味がわかりません。 この警告を解決する方法を知っている人はいますか? 警告の内容は そして、私のコードは以下の通りです。 メイン.js import Reac

    2023-09-16 04:50:19
  • 親コンポーネントで子コンポーネントの参照にアクセスする方法

    質問 もし私が以下のようなものを持っていたら &lt;Parent&gt; &lt;Child1 /&gt; &lt;Child2 /&gt; &lt;Child3 /&gt; &lt;/Parent&gt; そして Child2 ここで refs="child2refs" となっているのですが、どうすればいいのでしょうか? どのように解決するのですか? 1

    2023-09-10 09:47:06