higher-order-components

2熱

2答えて

私はeslintためairbnb構成を使用することだし、それは私にこの警告与えている： [eslint] 'isLoading' is missing in props validation (react/prop-types) isLoadingためPropTypesを設定する方法はありますか？ http://jsfiddle.net/BernieLee/5kn2xa1j/36/

1熱

1答えて

高次コンポーネントを使用すると、状態のホットリロードが機能しなくなる

他の誰かがこの問題に遭遇しましたか？私は反応ネイティブのアプリケーションに取り組んでいて、ホットネイティブデバッガとredux devtoolsを使用して状態を正常に動作しますが、高次のコンポーネント内で変更を行ったり、上位コンポーネントを使用するコンポーネントを変更したりすると、 redux状態はdevtoolsから消え、すべてがハードリフレッシュする必要があります。高次のコンポーネントなしでフ

0熱

1答えて

高次コンポーネントの変異と考えられますか？

元のコンポーネントを変更しないでください。このリンクの作文を使用してください。 https://reactjs.org/docs/higher-order-components.html 私はその後、私が構築しようとしているプロジェクトを検討しました。ハイレベルでは、これは私のコードは次のようになります。 class Wrapper extends Component { constr

1熱

2答えて

React HOC-addラップするイベントリスナー

通常の機能コンポーネント「Touchable」を作成するHOCを作成しようとしています。だから私はそのようHOCことがあります。 const Touchable = (Component, handler) => { const T = ({props, children}) => { const Instance = React.createElement( Co

2熱

3答えて

ReactでHOCを定義してエクスポートする

私は反応中のHigher Order Componentsを研究してきました。私の要件は、コンポーネント全体を書き直すことなく、より多くの機能を提供するために拡張する必要があるコンポーネントを設定していることです。この場合、純粋な関数を使用してコンポーネントを拡張することができる反応の概念HOCを見つけました。私の質問は、拡張コンポーネントを通常のコンポーネントとしてエクスポートできるかどうかです

2熱

1答えて

Reactコンポーネントのサブコンポーネントにアクセスする方法はありますか？

は、だから私は、あなたがthis.props.childrenとコンポーネントの子にアクセスできることを知っている：私はボブとサリーに興味があるんだけど、あれば素晴らしいです <MyComponent> <span>Bob</span> <span>Sally</span> </MyComponent> 私はMyComponentを構成するコンポーネント（と対話したい場合

-1熱

1答えて

高次コンポーネントに反応するべきである（ホック）文脈的な小道具の名前を提供するべきか？

HOCは、おそらく他のHOCと一緒にミックスインとして使用されることが想定されているので、冗長ではありますが（例：HOCの名前が前に付いています）これは、何がベストプラクティスであるべきかの問題と考えられると思います。窓のような振る舞いを注入するため、このHOCのためのより良いです例えばので、： @window @otherMixin class BasicView extends Rea

0熱

1答えて

高次コンポーネントは配列を受け入れますか？

私は反応し、ホックパターンに新しいです。私がやりたかったのは、コンポーネントを<hr/>タグで結合して、各コンポーネントを1行で区切ることでした。だから私は持っている： import React, { Fragment } from 'react'; const withSeparator = (ComponentList) =>() => ( <Fragment> { C

0熱

1答えて

React ReduxのApp WrapperとしてのHOC

それぞれのコンポーネントビューをラップするアプリHOCが必要でした。このHOCはユーザーを認証し、Googleアナリティクスのトラッキングを設定します。ルータ4にアップグレードしていて、動作させる際に問題があります。 TypeError: (0 , _AppWrapper2.default) is not a function そう私はHOCを作成していますどのように関連している - はそ

1熱

1答えて

HOCを使用してgraphqlとreduxでコンポーネントをラップすることはできますか？

テンプレートコンポーネントはたくさんあり、使用方法はお互いに似ています。ページにレンダリングされる前に、テンプレートコンポーネントはgraphqlでラップされ、reduxに接続されます。テンプレートをラップするHOCを作成して、テンプレートをデータに接続するたびに新しいコンテナを作成しないようにします。そのよう： import React from 'react' import { Adm