reactjs - BinaryDevelop

[解決済み] Static HTML elements with event handlers require a role." を修正するにはどうすればよいですか？

質問私のreactjs styledcomponentは、このコードを含んでいます。 <a styling="link" onClick={() => this.gotoLink()}> <SomeComponent /> </a> これは問題なく動作しますが、eslintが文句を言っています。 Static HTML elemen

2022-02-24 20:07:16
[解決済み] ReactコンポーネントのJest SnapshotテストにおけるSnapshotテストの仕組みとtoMatchSnapshot()関数は何をするのか？

質問私はJestのテストに慣れておらず、ReactコンポーネントのテストケースがJestでどのように書かれているのか、いくつかの例を見ていました。私はスナップショットテストに出会い、それが実際に何であるかを理解しようとしていました。そして、私がウェブから出会ったものは "スナップショットテストは、出力のJson表現を生成することによって、与えられたテストの結果をアサートする方法です.

2022-02-24 08:34:10
[解決済み] nextjsで異なる.envファイルを使用するには？

質問環境変数に異なる設定ファイルを用意し、次のプロジェクトで使用できるようにしたいのですが。私は、次のような例を見ました。ドットエンブ . しかし、私は.envファイルに変数を定義し、config.next.jsファイルにも定義するのが好きではありません。何らかの理由で.envファイルに変数を置き、config.next.jsファイルに置き忘れると、コードは問題を起こしはじめます

2022-02-24 06:03:32
[解決済み] 矢印本体を囲む予期せぬブロックステートメント

質問私は "eslint-config-airbnb": "^6.1.0", を使用して、JavaScriptをきれいに保つことができます。私のリンターは、正当なコードと思われるものに不満を持っています。になりそうな気がします。継続的な問題 . どなたか、強迫神経症の開発者のために、当面この問題に対処する方法をご存じないでしょうか？おそらく、このルールを無

2022-02-24 05:04:37
[解決済み] テスト

質問 ReactJS コンポーネント内から完全な URL を取得するにはどうすればよいですか？以下のような感じでいいのかなと思っています。 this.props.location が、それは undefined解決方法は？ {コードがお探しのものです。

2022-02-20 05:45:53
[解決済み] react.jsでng-ifに相当するものは何ですか？

質問私はangularからreactに移ってきたのですが、angularのng-ifディレクティブに代わる、reactの良い代替案を見つけようとしています。例えばこのようなコードです。私はtypescript（tsx）を使用していますが、それはあまり重要ではないはずです。 "use strict"; import * as React from 'react'; interface

2022-02-19 19:23:47
[解決済み】Warning.Itが表示されるのはなぜですか？Functions are not valid as a React child?

質問 mapメソッドの結果を返すメソッドを呼び出そうとすると、以下のエラーが発生します。 Warning: Functions are not valid as a React child. This may happen if you return a Component instead of <Component /> from render が、なぜかわからない。以下は私

2022-02-19 18:25:59
[解決済み] validateDOMNesting警告React

質問全体としてクリックできるReactコンポーネントを持っていますが、中にボタンも入っています。つまり、次のようなものです。 <Link to={'/path1'}> ... <Link to={'path2'} /> ... </Link> これは私が望む動作ですが、この警告が表示されます。 Warning: valida

2022-02-19 13:35:01
[解決済み] eslint: no-case-declaration - case ブロックで予期しない字句の宣言があった。

質問このコンテキストでreducerの内部で状態を更新するには、どのような方法が良いのでしょうか？ case DELETE_INTEREST: let deleteInterests = state.user.interests; let index = deleteInterests.findIndex(i => i == action.payload);

2022-02-19 01:35:49
[解決済み] React TypeScriptで作業しているときに、Jestが予期しないトークンに遭遇した

質問 react-appを使わずに再利用可能なreactコンポーネントを作っているのですが、Jestは初めてなんです。このメッセージが何度も表示されます。Stackoverflowにあるいくつかの解決策を試しましたが、今のところ行き詰っています。テストスイートの実行に失敗しました。 Jest encountered an unexpected token This usually

2022-02-18 22:01:17
[解決済み】Reactでclsxを使用する方法

質問 Reactのコンポーネントにクラス名を割り当てる際のclsxのいくつかの使用方法を理解しようとしています。構成プレ className={clsx(classes.menuButton, open && classes.hide)} は十分明確です。classes.menuButton'を適用し、'open'というブール値の値が真であれば'class.hide'も適用

2022-02-18 20:54:07
[解決済み] カスタマイズ素材UI チェックした場合としない場合の切り替え

質問 ReactのMaterial UI Switchが無効の時にスタイリングを追加するのに苦労しています。このためにwithStylesを使用したいと思っています。チェックされた状態とチェックされていない状態の処理は、トラックのスタイリングと同様にうまく機能しますが、私が試したものは何も、サムまたはトラックの無効な状態のスタイリングに機能しませんでした。以下は、私が使用しているコード

2022-02-18 13:53:40
[解決済み] ReactJs "インバリアント違反..." リアクトの古典的な問題

質問これは典型的なreactの問題なのですが、ちょっと対処の仕方がわかりません。テーブルの行を動的にレンダリングしたいだけなのですが、エラーが発生します:" "アンキャッチエラー。Invariant Violation: processUpdates(): Unable to find child 2 of element. これはおそらく、DOM が (たとえばブラウザによって) 予期

2022-02-18 08:39:36
React はエラー TypeError を報告します。未定義のプロパティ 'XX' を読み取ることができない、問題は解決されました。

<パス react tread recordを使用したプロジェクト開発においてまず、状況について。バックエンドからインターフェイスを使ってデータを要求された const [data, setData] = useState({}); const loadClueBase = async() => { let res = await loadClueB

2022-02-18 05:33:49
[解決済み] nginxでcertbotを使用する際の問題点

質問私は実際にWebアプリケーションに取り組んでいます。 Reactjs をフロントエンドに、そして Golang はバックエンド用です。この2つのプログラムは、2つのVMで別々にホストされています。 Google-Compute-Engine . 私のアプリは https ということで、私は Nginx を、本番環境でフロントエンドを提供するために使用します。まず最初に、私

2022-02-17 17:30:15
[解決済み] react.jsで複数のモジュールをエクスポートする

質問 react.jsの初心者で、以下のことをしようとしている。チュートリアル . 残念ながら、このページに書かれているコードはうまくいきませんでした。 ERROR in ./App.jsx Module build failed: SyntaxError: Only one default export allowed per module. どうすれば直るのか不思議です。

2022-02-17 08:29:18
[解決済み] ReactJS で inst.render が関数でないエラーが発生する

質問 ReactとReactDOMを使って本当に基本的なHello Worldを表示していたところ、奇妙なエラーが発生しました。 Uncaught TypeError: inst.render is not a function . これをご覧ください JSBin . Reactはよく使っていますが、ES6は初めてです。私がここで見ていないものについて何か考えがありますか？と

2022-02-17 05:50:04
[解決済み】ngrokがReact devサーバーに接続しようとすると、無効なホストヘッダが表示される。

質問 Reactアプリケーションをモバイルデバイスでテストしようとしています。私は、ローカルサーバーを他のデバイスから利用できるようにするためにngrokを使用しており、他のさまざまなアプリケーションでこれを動作させることができました。しかし、ngrokをReact開発サーバーに接続しようとすると、エラーが表示されます。 Invalid Host Header Reactはデフォル

2022-02-17 02:30:53
[解決済み] React - 予想外のトークン、予想外の;

質問というエラーが投げられます。予期しないトークン、期待される; (9:16) これは、renderNumbers()関数の1行目を指しています。私の構文に何か問題があるのでしょうか？ここを変更すればうまくいくのか、少し混乱しています。 import React, { PropTypes } from 'react'; import { StyleSheet, View, T

2022-02-17 02:18:26
[解決済み] React JSでは、状態を直接変異させない、setState() react/no-direct-mutation-stateを使用する。

質問 <input defaultValue={this.props.str.name} ref={(input) => { this.state.name = input; }} name="name" type="text" className="form-control" onChange={this.handleInputChange} />

2022-02-16 11:02:44

最新

おすすめ