higher-order-components

2熱

1答えて

は、だから私は、あなたが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答えて

React ReduxのApp WrapperとしてのHOC

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

2熱

3答えて

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

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

2熱

2答えて

高次機能コンポーネントのPropTypeを設定するにはどうすればよいですか？

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

0熱

1答えて

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

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

0熱

1答えて

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

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

1熱

1答えて

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

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