recompose

3熱

2答えて

再構成から私はステートレスな機能コンポーネントがrecomposeからbranchとrenderComponentを使用するようにリファクタリングしています。元のコンポーネントは、次のようになります。 const Icon = props => { const { type, name } = props let res if (type === 'font')

1熱

1答えて

リアクロックパス小道具

たとえば、コンテナ<ContainerName data=someData>があり、いくつかの小道具データを渡します。 const enhance = compose( withProps({ statuses: ['ordered', 'received'], }), withProps( // how do I pass props fr

0熱

2答えて

React Recompose初期状態値フォームAsync Source

recomposeの次の例では、withStateの初期値は空の文字列です。データベースや動的ソースの値を必要とする場合は、その小道具の変更をどのように更新しますか？例えば：recomposeから withState('value', 'updateValue', (user) => user.name) オリジナルコードと const enhance = compose( with

3熱

1答えて

getContextとwithContextが動作しません

私はidを他のコンポーネントにコンテキストで渡そうとしていましたが、私はどこかでエラーを出しています。私が理解するように、私たちは小道具として文脈を得るべきです。すべてのアイデア？ import {compose,withContext} from 'recompose' const ComponentOne = ({id}) => { console.log(id) // c

4熱

2答えて

withHandlers ...非同期で再構成しますか？

約束のあるハンドラで使用することは可能ですか安全ですか？例： withHandlers({ onChange: props => event => { props.callAPI(props.data) .then(data => props.updateData(data)) }, ... ありがとう！

1熱

1答えて

withHandlersのwithReducerからrecomposeローカルディスパッチ関数を呼び出す

すでにreduxストアに接続されているコンポーネントがあり、dispatchが注入されています。 compose(handlers, enhancer)(LayerListItem) dispatchLocal小道具：私はときに私composeことがわかり const reducer = (state, action) => { switch (action.type) {

4熱

1答えて

Rxjsでトグルする方法

私はrxjsを学んでいます。ドロップダウンコンポーネントのデコレータ "トグル可能"を作成します。すべて正常に動作しますが、私はそれが気に入らないのです。どうすれば "トグル/非表示"状態を削除できますか？ rxjs、react.js、recomposeを使用します。 Dropdownコンポーネントのためのtoogleableデコレータです。 const show$ = Observable.me

0熱

1答えて

構図withHandlersコールバックは、私はこのような検証をexecししようとしている

をトリガされていません。アイデア？

0熱

1答えて

再分割とコード分割

大規模なWebアプリケーションに再構成を統合し、再構成（バックパックでバックパック）を使用してバンドルサイズを最適化する方法（IE実装コード分割）があるかどうか疑問に思っていますか？私の現在の再構成の使用例は単純です - 'isAuthorised？'ユーザーがログインしていることを確認するHOC。ほとんどのルートはこの単一のHOCを経由します。ルートに基づいて分割コードを作成できるようにした

1熱

2答えて

ReactネイティブRecomposeアクションがレデューサーをトリガーしない

私はリアクションネイティブのユーザーログイン画面を別のアクションとレデューサーファイルを使ってRecomposeを使って設定していますが、私のレデューサーは決して呼び出されません。現在、doUserLogin()再構成ハンドラをトリガーするだけで、ログインボタンがあります： userActions.js：を順番に loginScreen.js import React from 'react';