BinaryDevelop

  • [解決済み】reactのrender関数でemptyを返すことは可能ですか？

    質問 通知コンポーネントがあり、それにタイムアウトの設定をしています。タイムアウト後、私は this.setState({isTimeout:true}) . タイムアウトしたら、何も表示しないようにしたい。 render() { let finalClasses = "" + (this.state.classes || ""); if (isTimeout){ r

    2022-04-11 06:14:23

  • [解決済み】reactで一番下までスクロールさせるには？

    質問 チャットシステムを構築し、ウィンドウに入った時や新しいメッセージが来た時に自動的に一番下までスクロールさせたいと思っています。Reactでコンテナの底に自動的にスクロールさせるにはどうしたらいいですか？ どのように解決するのですか？ Tusharさんがおっしゃるように、チャットの一番下にダミーのdivをおいておけばいいのです。 render () { return (

    2022-04-10 10:28:26

  • [解決済み】ReactでTypescriptを使ってrefを使用する方法

    質問 私は、ReactでTypescriptを使っています。静的型付けと、refsによって参照されるreactノードに関するインテリセンスを得るために、refsをどのように使用すればよいか理解できずに困っています。私のコードは以下の通りです。 import * as React from 'react'; interface AppState { count: number; }

    2022-04-08 10:36:21

  • [解決済み】React - DOMのレンダリング中にローディング画面を表示する？

    質問 Google Adsenseの申し込みページでの例です。メインページが表示される前にローディング画面が表示され、その後にメインページが表示されます。 Reactコンポーネントでローディング画面をレンダリングさせると、ページのローディング中は先にレンダリングされたDOMを待つ必要があるため表示されないので、同じことをReactで行う方法が分からない。 更新情報 :

    2022-04-07 18:11:57

  • [解決済み】React Formでpropsが変更されたときに状態を更新する

    質問 Reactのフォームで、状態を適切に管理するのに苦労しています。フォーム（モーダル）に時間入力フィールドがあります。初期値はステート変数として getInitialState 親コンポーネントから渡されます。これ自体は問題なく動作します。 問題は、親コンポーネントを通じてデフォルトのstart_timeの値を更新したいときに起こります。更新自体は、親コンポーネントで setSt

    2022-04-07 04:36:57

  • [解決済み】チェックボックスのReactJSでデフォルトのCheckedを設定する方法は？

    質問 チェックボックスにデフォルト値が割り当てられた後、状態を更新するのに苦労しています。 checked="checked" をReactで作成しました。 var rCheck = React.createElement('input', { type: 'checkbox', checked: 'checked', value:

    2022-04-06 04:34:35

  • [解決済み】日付オブジェクトに対するReact propのバリデーション

    質問 を検証するために、現在推奨されている方法は何ですか？ Date のプロップは、reactの中にあるのでしょうか？ 今、私は使っています。 React.PropTypes.object しかし、これは現在、失敗しています。 禁じられたプロップタイプ lint ルールがあります。を使うべきでしょうか？ shape それとも何か良い方法があるのでしょうか？ どのよう

    2022-04-05 11:46:27

  • [解決済み】React.ComponentとReact.PureComponentの比較【終了しました

    質問 閉店 . この質問はもっと必要です フォーカス . 現在、回答は受け付けておりません。 <パス この質問を改善したいですか？ 問題を更新して、1つの問題だけに焦点を当てるようにします。 この投稿を編集する .

    2022-04-04 11:14:01

  • [解決済み】react-router vs react-router-dom、いつどちらかを使うか？

    質問 どちらもRouteやLinkなどがあります。どちらを使うべきですか？それぞれをどこで使えばいいのか、本当に迷っています。サーバー側？クライアント側？ https://reacttraining.com/react-router/ ある例では履歴を渡す必要があり、別の例では必要ありません。どうしたらいいでしょうか？ <Router history={browserHi

    2022-04-04 06:45:52

  • [解決済み】axiosのすべてのリクエストにAuthorizationヘッダーを添付する

    質問 私は、APIサーバーからトークンを取得するreact/reduxアプリケーションを持っています。ユーザーが認証した後、すべてのaxiosリクエストにそのトークンをAuthorizationヘッダーとして持たせたいのですが、アクションのすべてのリクエストに手動で添付する必要があります。私はreact/reduxのかなり新しいですし、最良のアプローチに確信がありませんし、Googleで質の

    2022-04-03 15:25:54

  • [解決済み】React JSXの動的なタグ名

    質問 HTMLの見出しタグ( h1 , h2 , h3 など)で、見出しレベルはpropで指定します。 こんな感じでやってみました。 <h{this.props.level}>Hello</h{this.props.level}> というような出力が期待できます。 <h1>Hello</h1> が、これはうまくいきません

    2022-04-03 04:38:18

  • [解決済み】FluxではなくReduxを使うことで起こりうるデメリットとは【クローズド

    質問 閉店 . この質問は オピニオンベース . 現在、回答は受け付けておりません。 <パス この質問を改善したいですか？ 質問を更新して、事実と引用で答えられるようにする。 この投稿を編集する . 閉店

    2022-04-02 11:53:40

  • [解決済み】reducerでアクションをディスパッチすることはできますか？

    質問 は、reducer 自体でアクションをディスパッチすることは可能でしょうか？私はプログレスバーとオーディオ要素を持っています。目標は、audio要素で時間が更新されたときにprogressbarを更新することです。しかし、私はどこにontimeupdateイベントハンドラを配置するか、またはontimeupdateのコールバックでアクションをディスパッチし、プログレスバーを更新する方法

    2022-04-02 09:08:50

  • [解決済み】react hooksで`setState`コールバックを使用する方法

    質問 Reactフックの紹介 useState コンポーネントの状態を設定するためのものです。しかし、以下のコードのようにコールバックを置き換えるためにフックを使用するにはどうすればよいのでしょうか？ setState( { name: "Michael" }, () =&gt; console.log(this.state) ); 状態が更新された後に何かしたいのですが

    2022-04-02 06:19:57

  • [解決済み】ReactのインラインCSSスタイル：a:hoverを実装する方法は？

    質問 がかなり好きです。 React のインライン CSS パターン で、これを使うことにしました。 ただし :hover と同様のセレクタを使用します。では、インラインのCSSスタイルを使用しながらハイライト・オン・ホバーを実装するには、どのような方法があるのでしょうか？ reactjsからの提案のひとつに Clickable コンポーネントを作成し、このように使用し

    2022-04-02 02:33:21

  • [解決済み】JSXのreact/react-in-jsx-scopeを使用する場合、'React'はスコープ内になければならない？

    質問 私はAngularの開発者であり、Reactの新しい、これは単純な反応コンポーネントですが、動作しません。 import react , { Component} from 'react'; import { render } from 'react-dom'; class TechView extends Component { construc

    2022-04-01 23:54:43

  • [解決済み】React : <Route exact path="/" />と<Route path="/" />の違いについて。

    質問 との違いを説明してください。 &lt;Route exact path="/" component={Home} /&gt; そして &lt;Route path="/" component={Home} /&gt; の意味がわからない。 exact . 解決方法は？ この例では、特に何もありません。この例では exact パラメータは、似たような名前のパス

    2022-04-01 10:29:45

  • [解決済み】ReactJSでJWTをlocalStorageに保存するのは安全か？

    質問 現在、ReactJSを使用してシングルページのアプリケーションを構築しています。 を使用しない理由のひとつは、このようなものであると読みました。 localStorage は、XSSの脆弱性があるためです。 React はすべてのユーザー入力をエスケープするので、これで localStorage ? 解決方法は？ 最近のシングルページアプリケーションでは、クライアン

    2022-04-01 01:03:17

  • [解決済み】Reactコンポーネントが再レンダリングされる原因を追跡する

    質問 Reactでコンポーネントの再レンダリングを引き起こしている原因をデバッグする体系的なアプローチはありますか？私はそれが何回レンダリングするかを見るために単純なconsole.log()を置きましたが、コンポーネントが複数回（例えば私の場合4回）レンダリングする原因となっているものを見つけ出すのに苦労しています。タイムラインやすべてのコンポーネントのツリーレンダリングと順序を表示するツ

    2022-03-31 03:53:44

  • [解決済み】Typescript input onchange event.target.value

    質問 reactとtypescriptのアプリで、私は使用しています。 onChange={(e) =&gt; data.motto = (e.target as any).value} . このクラスの型付けを正しく定義するにはどうしたらよいでしょうか。 any ? export interface InputProps extends React.HTMLProps&lt;Inpu

    2022-03-30 18:04:16

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します