`this`を使わずにrecomposeライフサイクルでpropsを取得する方法は？

Question

eslint-plugin-immutableを使用していますので、thisキーワードを使用することはできません（私はeslint-disable-lineを使用できますが、私はしたくありません）ので、recomposeの中にある小道具にアクセスする方法があるかどうか疑問ですいずれのマウントライフサイクルでも、キーワードを使用しないでください。

const enhance = compose(
    lifecycle({ 
    componentWillMount() { 
     const { props } = this // throws eslint error 
     console.log(this.props); // works, throws eslint error 
    }, 
    }), 
); 

Answer 1

それはlifecycleでthisキーワードを使用せずにpropsにアクセスすることは不可能です。 同じ機能にライフサイクルメソッドを使用する必要がある場合は、独自のHOCを実装しても、thisを使用する必要がありますが、recompose/shouldUpdateのようにthisを書く必要はありません。

Answer 2

with-lifecycle HOCはこの目的のために正確に書かれています。あなたの例：

import withLifecycle from '@hocs/with-lifecycle'; 

const enhance = compose(
    withLifecycle({ 
     onWillMount(props) { 
      console.log(props); 
     }, 
    }), 
);