問題タブ [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.
javascript - 反応 js 、小道具、または状態での双方向バインディングには何を使用しますか?
reactjs を使用してフォームを作成しようとしています。双方向バインディングを試しています。state しか取得できないため、valueLink で props を使用することはできません。
問題 1: コンポーネントを作成するときにプロパティを渡し、getInitial 状態でそれを state に設定しています。これは、valueLink で props を使用できないためです。より良いアプローチは何ですか?
サーバーで計算を行い、計算された値を状態にするために、テキストボックスのすべての変更を送信したいと考えています。
問題 2 : メソッド componentWillReceiveProps を使用できません。状態を使用しているためです。また、setState を実行できないため、shouldComponentUpdate も使用できません。ここで何を使用できますか?
reactjs - ReactJS:子コンポーネントに配置されたときに onClick ハンドラが起動しない
私は最近、 を使い始めましたReactJS
。具体的には、react-rails
ルビーの宝石とreact-bootstrap
コンポーネントを利用しています。
onClick
子コンポーネントにイベント リスナーを配置することについて質問があります。
以下のコード サンプルからわかるように、render
関数内で子コンポーネントを「呼び出す」親コンポーネントがあります。その関数内には、クリックされたときに呼び出すrender
ReactonClick
リスナーがあります。handleToggle
残念ながら、これは私が思っていたようには機能しません。ToggleIconButton::handleToggle
呼び出されることはありません。代わりに、onClick
リスナーが配置されIconButton
、参照されますToggleIconButton::handleToggle
。
に追加の動作を追加したくありませんIconButton
。私の見方では、条件付きロジックを に配置する必要はありませんIconButton
。アイコンとボタンを表すだけで、ブラウザのイベントを気にする必要はありません。それToggleIconButton
がそのためです。
私はラップアラウンドしてReact Div
そこにリスナーIconButton
を書くことができることを知っていonClick
ますが(私はこれを試しましたが、うまくいきました)、それは少しぎこちないようです。
これを行う良い方法を知っている人はいますか?みんなありがとう!
reactjs - コンポーネントがレンダリングされていない
私は反応するのが初めてで、その概念を学ぶために何かを構築しようとしています。
いくつかの反応コンポーネントを作成しましたがPost
、JSON リクエストが成功した後にコンポーネントがレンダリングされない理由がわかりません。
注:Posts
およびPostList
コンポーネントは問題なくレンダリングされています。
ここで何が欠けていますか?
ps: Rails ヘルパーを介して Posts コンポーネントをレンダリングしていますが、正常に動作していると想定できます。
前もって感謝します :)
reactjs - reactjs(JSX)でのイベントリスナーの使用
Reactjs を学習しようとしていますが、うまくいきません。Reactjs を使用してレンダリングされたテーブルにスティッキー ヘッダー クラスを追加したいのですが、このコード/疑似コードでは成功しません。
このJavascript関数を使用しようとしています:
しかし、私は成功していません。Reactjs で JavaScript 関数を実装する簡単な方法はありますか?
javascript - React JS でのキー イベントの処理
Javascript (React JS) を使用して、左右の矢印キーをリッスンする必要があるコンポーネントを構築しています。私のコンポーネントは、画像のリストを持つカードです。画像をクリックすると表示されるのですが、左右の矢印キーを押して画像をナビゲートできるようにしたいです。
ネストされた div がたくさんあり、どれに onKeyPress リスナーを割り当てる必要があるかを把握しようとしています。現在、多くの div に割り当てられていますが、イベントが発生していません。
html - JSX と React で onBlur を使用する
ユーザーが確認フィールドを離れた後にのみエラーを表示するパスワード確認機能を作成しようとしています。Facebook の React JS を使用しています。これは私の入力コンポーネントです:
これは renderPasswordConfirmError です:
ページを実行すると、競合するパスワードが入力されたときにメッセージが表示されません。