higher-order-components

0熱

1答えて

Reactでは、HOC（高次コンポーネント）を使用して、汎用コンポーネントからいくつかのコンポーネントを作成するにはどうすればよいですか？

ラベルとして使用する他のコンポーネントのラッパーとして使用する汎用コンポーネントを作成しました。 const CityLabel = ({ data }) => ( <div>{data ? `${data.city}` : ''}</div> ) と const UserLabel = ({ user }) => ( <div>{user ? `${user.firstNa

reactjs higher-order-components 2017-09-29

---

-1熱

1答えて

どうすればReactとD3を組み合わせることができますか？私はいつものようにD3を使いますか？

私はReactアプリケーションを作成しており、カスタムメイドのD3チャートを追加する必要があります。グラフをアプリケーションのフローに組み込み、Reactコンポーネントのライフサイクルメソッドを使用したいと思っていますが、D3コードを独自の方法で書くことができるようにしたいと思います。 - 出口パターンなど）は、vxやreact-d3のようなReactコンポーネントのチャートの個々の部分を折り返さ

javascript reactjs d3.js higher-order-components 2017-10-04

---

0熱

1答えて

反応-ソート可能なホックのリストは、私は要素

JSFiddleをドラッグすると消えますそれを修正するためのインデックス。とにかくまだ何も試してみませんでした。これをどうすれば解決できますか？ import React from 'react'; import PlaylistPages from './PlaylistPages'; class PlaylistSortableComponent extends React.Compon

javascript reactjs drag-and-drop higher-order-components react-sortable-hoc 2017-08-23

---

4熱

1答えて

HOC経由でのリアクションコンテキストのラップされたコンポーネントへの受け渡し

リアクションの上位コンポーネントからラップするコンポーネントにコンテキストを渡す方法はありますか？ 私は親からコンテキストを受け取り、そのコンテキストを使って基本的な一般化されたアクションを実行し、同じコンテキストにアクセスしてアクションを実行する必要のある子コンポーネントをラップします。例： HOC： export default function withACoolThing(WrappedC

javascript reactjs ecmascript-6 redux higher-order-components 2017-08-25

---

0熱

2答えて

React Higher Order Componentsを理解する

Reactの上位コンポーネントを説明してもらえますか？私は文書を読んで再読しましたが、理解を深めることはできません。ドキュメンテーションによると、HOCは、その関数に引数を渡すことによって、反応コンポーネントを返す主関数を作成することによって重複を削除するのに役立ちます。 私はそれについていくつかの質問があります。 HOCが新しい拡張コンポーネントを作成する場合、引数としてコンポーネントを渡すこと

javascript reactjs ecmascript-6 higher-order-components 2017-08-29

---

0熱

1答えて

高次コンポーネント：デフォルトの小道具

私はこのコードを持っており、HOCを反応クラスでラップしようとしています。私が最初にしたいのは、デフォルトのパラメータの一部を上書きすることです。 import React from 'react'; // recompose import compose from 'recompose/compose'; import defaultProps from 'recompose/defaul

javascript reactjs higher-order-components recompose 2017-10-22

---

0熱

1答えて

recompose withState小道具の変更で更新する方法

私は少し修正しようとする上位コンポーネントがあります（私は再構成に慣れていません）。私は、マップコンポーネントを更新するかmycenterが更新された場合は再レンダリングしたい <Map mycenter={mycenter} /> ： は、だから私のコンポーネントのthats。コードを変更しようとしています https://github.com/istarkov/google-map-tho

reactjs higher-order-components recompose 2017-10-23

---

3熱

1答えて

Typescriptより高次のコンポーネントがデコレータとして

私はReactプロジェクトでTypescriptを使用しようとしていますが、HOCが機能するための型を取得するのに苦労しています。ここで私はとのトラブルを抱えています何披露する最小限の例です。 const withDecorator = (Wrapped: React.ComponentType): React.ComponentClass => class withDeco

reactjs typescript higher-order-components 2017-10-25

---

1熱

2答えて

React Router/Redux/HOCが 'render'で動作しないprop

私はreact router v4を使用していますが、私はリアクションルータ/ redux/HOC関連の問題の周りを頭で覆そうとしています。私は、より高次のコンポーネントが動作しています。 HOC自体はです。私が<Route />のcomponent小物を使って配線すると、このアプローチは完全に機能します。<Route path="/profile" component={ withAuth(Pr

reactjs react-router react-redux react-router-v4 higher-order-components 2017-09-07

---

1熱

1答えて

React Higher Orderコンポーネント - ラッパーコンポーネントからラップされたコンポーネントの呼び出し関数

正しいパターンを使用していると仮定して、の内部のsomeFunc()を<Wrapper/>から呼び出すことができます。以下を参照してください：ソリューションで更新 var Home = React.createClass({ someFunc() { console.log('How can I call this from <Wrapper/>?') },

javascript reactjs higher-order-components 2017-09-16

---