問題タブ [react-jsx]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
5769 参照

javascript - 反応 js 、小道具、または状態での双方向バインディングには何を使用しますか?

reactjs を使用してフォームを作成しようとしています。双方向バインディングを試しています。state しか取得できないため、valueLink で props を使用することはできません。

問題 1: コンポーネントを作成するときにプロパティを渡し、getInitial 状態でそれを state に設定しています。これは、valueLink で props を使用できないためです。より良いアプローチは何ですか?

サーバーで計算を行い、計算された値を状態にするために、テキストボックスのすべての変更を送信したいと考えています。

問題 2 : メソッド componentWillReceiveProps を使用できません。状態を使用しているためです。また、setState を実行できないため、shouldComponentUpdate も使用できません。ここで何を使用できますか?

0 投票する
2 に答える
95922 参照

reactjs - ReactJS:子コンポーネントに配置されたときに onClick ハンドラが起動しない

私は最近、 を使い始めましたReactJS。具体的には、react-railsルビーの宝石とreact-bootstrapコンポーネントを利用しています。

onClick子コンポーネントにイベント リスナーを配置することについて質問があります。

以下のコード サンプルからわかるように、render関数内で子コンポーネントを「呼び出す」親コンポーネントがあります。その関数内には、クリックされたときに呼び出すrenderReactonClickリスナーがあります。handleToggle


残念ながら、これは私が思っていたようには機能しません。ToggleIconButton::handleToggle呼び出されることはありません。代わりに、onClickリスナーが配置されIconButton、参照されますToggleIconButton::handleToggle

React 開発ツール画面


に追加の動作を追加したくありませんIconButton。私の見方では、条件付きロジックを に配置する必要はありませんIconButton。アイコンとボタンを表すだけで、ブラウザのイベントを気にする必要はありません。それToggleIconButtonがそのためです。

私はラップアラウンドしてReact DivそこにリスナーIconButtonを書くことができることを知っていonClickますが(私はこれを試しましたが、うまくいきました)、それは少しぎこちないようです。

これを行う良い方法を知っている人はいますか?みんなありがとう!

0 投票する
2 に答える
379 参照

reactjs - コンポーネントがレンダリングされていない

私は反応するのが初めてで、その概念を学ぶために何かを構築しようとしています。

いくつかの反応コンポーネントを作成しましたがPost、JSON リクエストが成功した後にコンポーネントがレンダリングされない理由がわかりません。

注:PostsおよびPostListコンポーネントは問題なくレンダリングされています。

ここで何が欠けていますか?

ps: Rails ヘルパーを介して Posts コンポーネントをレンダリングしていますが、正常に動作していると想定できます。

前もって感謝します :)

0 投票する
1 に答える
3316 参照

reactjs - reactjs(JSX)でのイベントリスナーの使用

Reactjs を学習しようとしていますが、うまくいきません。Reactjs を使用してレンダリングされたテーブルにスティッキー ヘッダー クラスを追加したいのですが、このコード/疑似コードでは成功しません。

このJavascript関数を使用しようとしています:

しかし、私は成功していません。Reactjs で JavaScript 関数を実装する簡単な方法はありますか?

0 投票する
1 に答える
1929 参照

javascript - React JS でのキー イベントの処理

Javascript (React JS) を使用して、左右の矢印キーをリッスンする必要があるコンポーネントを構築しています。私のコンポーネントは、画像のリストを持つカードです。画像をクリックすると表示されるのですが、左右の矢印キーを押して画像をナビゲートできるようにしたいです。

ネストされた div がたくさんあり、どれに onKeyPress リスナーを割り当てる必要があるかを把握しようとしています。現在、多くの div に割り当てられていますが、イベントが発生していません。

0 投票する
1 に答える
145196 参照

html - JSX と React で onBlur を使用する

ユーザーが確認フィールドを離れた後にのみエラーを表示するパスワード確認機能を作成しようとしています。Facebook の React JS を使用しています。これは私の入力コンポーネントです:

これは renderPasswordConfirmError です:

ページを実行すると、競合するパスワードが入力されたときにメッセージが表示されません。