reactjs - BinaryDevelop

[解決済み] ホバー時に別のスタイル付きコンポーネントをターゲットにする

質問スタイルドコンポーネントでフーバーを処理する最良の方法は何ですか？私は、ホバーされるとボタンを表示するラッピング要素を持っています。コンポーネントに状態を実装して、ホバー時にプロパティをトグルすることもできますが、styled-componentsでこれを行うより良い方法があるかどうか疑問に思っています。以下のようなものは動作しませんが、理想的です。 const Wrap

2022-03-07 20:10:39
[解決済み] useImperativeHandle、useLayoutEffect、useDebugValueを使用する場合

質問なぜ、以下のようになるのか理解できません。 useImperativeHandle , useLayoutEffect および useDebugValue フックが必要なのですが、どのような場合に使用できるのか、例を挙げてください。どのように解決するのですか？前置きが長くなりましたが、これらのフックはすべて非常に稀にしか使われません。99%の場合、これらは必要ないでし

2022-03-07 17:26:37
[解決済み] Reactでチェックボックスの "check "プロパティを設定する

質問 Reactとチェックボックスについて、非常に厄介な問題を抱えています。私が取り組んでいるアプリケーションでは、バックエンドに永続化される設定を表すチェックボックスのリストが必要です。設定を元の状態に戻すオプションがあります。 . まず、設定のマップのようなオブジェクトを持つコンポーネントを作成しました。各設定はキーとブール値を持っています。したがって { bubbl

2022-03-07 09:45:44
[解決済み] ESLintとTSLintの違い【クローズド】について

質問閉店しました。この質問は、以下を満たしていません。 Stack Overflowガイドライン . 現在、回答は受け付けておりません。 <パスこの質問を改善したいですか？質問を更新して、それがオントピック Stack O

2022-03-07 05:47:47
[解決済み] React JSXのforEach()でHTMLが出力されない

質問 Reactで出力したいオブジェクトがあります。 question = { text: "Is this a good question?", answers: [ "Yes", "No", "I don't know" ] } と私のリアクトコンポーネント（切り捨て）、別のコンポーネントです。 class Q

2022-03-07 03:37:05
[解決済み] 文字列中の式でJSXを補間するには？

質問次のようなことを実現したいと考えています。 <div className="total total-{obj.state}"> 明らかにこれはコンパイルされます。 <div class="total total-{obj.state}"> の式を評価するJSXのエレガントな方法はありますか？ {} を文字列内で使用することはできますか？ど

2022-03-07 01:50:52
[解決済み] Material-UIの選択項目がselectedValueに置き換わる。

質問ごきげんよう。私はReactでいくつかのMaterial-UIコンポーネントを使用したコードに取り組んでいます。私は現在、MenuItemの子を持つSelectコンポーネントを持っています。選択コンポーネントのオプションは、名前を持つ異なるdivです。私が望むのは、Select コンポーネントをレンダリングし、値が選択されると、その値の div がレンダリングされ、Select

2022-03-07 01:23:57
[解決済み] Reactのrender()にFont Awesomeのアイコンを入れる方法

質問 Font AwesomeのアイコンをReactの render() 通常のHTMLでは表示されるのに、結果のウェブページでは表示されない。 render: function() { return <div><i class="fa fa-spinner fa-spin">no spinner but why</i></div>

2022-03-07 01:21:01
[解決済み] RouteComponentPropsとカスタムpropsを使用したreactルーティング

質問この問題で頭がおかしくなりそうです。まず、私はまだReactの初心者です。次に、投稿する前に、私は試してみました。 react-router v4でルーターコンポーネントにカスタムpropsを渡すそして react 子コンポーネントがpropsを受け取らないしかし、うまくいきません。私が達成しようとしているのは、既存のReactプロジェクトにルーティ

2022-03-06 19:13:49
[解決済み] Reactでグローバル変数を宣言する方法とは？

質問を初期化しました。 i18n 翻訳オブジェクトは、あるコンポーネント（アプリに最初にロードされるコンポーネント）において一度だけ使用されます。その同じオブジェクトは、他のすべてのコンポーネントで必要とされます。すべてのコンポーネントで再初期化するのは嫌です。どうすればいいでしょうか？ウィンドウスコープで使用できるようにしても、私はそれを render() というメソッドがあります

2022-03-06 13:15:15
[解決済み] Reactプロジェクトに.envファイルを追加する

質問 githubにコミットする際にAPI Keyを隠したいのですが、フォーラムでガイダンスに目を通しましたが、特に以下の投稿が参考になりました。 create-react-appでAPIキーを隠すにはどうしたらいいですか？変更を加え、yarnを再起動しました。何が間違っているのかよくわかりません。 .env ファイルをプロジェクトのルートに追加しました (ファイル名は p

2022-03-06 11:49:09
[解決済み] React」は定義される前に使用されていた

質問 create-react-app + typescript + eslint アプリケーションで作業していますが、ビルド中にこのようなエラーが発生しました。 Line 1:8: 'React' was used before it was defined @typescript-eslint/no-use-before-define 私のコンポーネント内のコードは次のように

2022-03-06 02:14:56
[解決済み] componentDidUpdate'メソッドはいつ使用するのですか？

質問 Reactjsのファイルを何十個も書いたが、一度も componentDidUpdate メソッドを使用します。このメソッドを使用する典型的な例はありますか？簡単なデモではなく、実例を知りたいのですが。どのように解決するのですか？簡単な例としては、ユーザーから入力データを収集し、Ajaxを使ってそのデータをデータベースにアップロードするようなアプリがあります

2022-03-05 17:12:37
[解決済み] reactのuseStateフックでコールバックを使う方法 [重複]。

質問この質問はすでにここに回答があります : リアクトフックで `setState` コールバックを使用する方法 (20件) 閉店 1年前

2022-03-05 09:52:21
[解決済み] Jestの`beforeEach`グローバルは何のためにあるのですか？

質問 Jest-Enzymeのテストケースはいつも beforeEach というようなグローバルなものです。 describe('TEST BLOCK' () => { let wrapper; beforeEach(() => { wrapper = shallow(<Component />); )); )); の中の関数は b

2022-03-04 18:14:05
[解決済み] プロップ `history` は `Router` で必須とマークされているが、その値は `undefined` である。

質問私はReactJsの初心者です。これは私のコードです。 var React = require('react'); var ReactDOM = require('react-dom'); var {Route, Router, IndexRoute, hashHistory} = require('react-router'); var Main = require('Main')

2022-03-04 13:53:07
[解決済み] ReactのdivでonKeyDownイベントが動作しない件

質問 ReactでdivにkeyDownイベントを使いたいのですが、どうすればいいですか？しています。 componentWillMount() { document.addEventListener("keydown", this.onKeyPressed.bind(this)); } componentWillUnmount() { documen

2022-03-04 10:25:04
[解決済み] 未定義」の可能性があるオブジェクトを呼び出すことができません.ts(2722)

質問ボタンコンポーネントを持っています。私はこのコンポーネントに、単に1つの onClick プロップは、私が定義した多くのオプションのプロップの中から選択します。 const Button = (props: ButtonProps) => { const handleClick: React.MouseEventHandler<HTMLButtonElemen

2022-03-04 08:27:53
[解決済み] React QueryとReduxの主な違いは何ですか？

質問現在、私は redux は、状態管理のためにさまざまなプロジェクトで使用されています。数日前、私は react-query は、同じく状態管理に使用され、キャッシュと非同期フェッチを提供します。私は、この2つのライブラリの主な違いを理解しようとしています。どこで react-query また、どのような場合にreduxが必要なのでしょうか。どのように解決するのですか

2022-03-03 13:35:31
[解決済み] ReactとTypescript、Axiosのレスポンスにはどの型？

質問私はこれを返すAPIから簡単なユーザーリストを提示しようとしています。 [{"UserID":2,"FirstName":"User2"},{"UserID":1,"FirstName":"User1"}] Axiosの応答を型で処理する方法を完全に理解していません。Typescriptのエラーは Type '{} | { id: number; firstName: str

2022-03-03 11:50:27

最新

おすすめ