2017-01-20 10 views
0

高次関数といいますが、わかりません。高次関数を使って反応成分に追加の小道具を渡す方法

私が達成しようとしていることは、それがどのように動作するかをよりよく理解し、追加の小道具をコンポーネントに渡す良い方法を探していることです。相続人

私のコード..私はではなく、クラスの例えば残りの部分で、私は、コンストラクタ内で必要なすべての小道具を持ってhttps://jsfiddle.net/ncc8nprc/2/

メソッドをレンダリングします。

そして、make sure to pass up the same props that your component's constructor was passedというエラーが表示されます。私はこれが間違っていることを理解しています。 :P

しかし、これをどのように達成できますか?

ありがとうございます!あなたが有効に返す必要が

答えて

1

があなたの高次成分からコンポーネントを反応して、それがJSX構文と大文字の最初の文字を使用することを意味:ここで

function stateConnector(mapStateToProps) { 
     return function(Component) { 

      return class Wrap extends Component { 
       render() { 
        const combinedProps = { ...this.props, ...AppState}; 
        return <Component {...combinedProps}/>; 

       } 
      } 
     }; 
    } 

the working jsfiddleです。

+0

Reduxとconnect関数の違いは? – RickBrunstedt

+0

はい、いいえ:ここに表示されている構造は、コンポーネントが返される方法を除いて、Redux接続では同じです。 [ReduxはReact APIのcreateElementを使用します(https://github.com/reactjs/react-redux/blob/master/src/components/connectAdvanced.js#L237)。 –

+0

申し訳ありません、ありがとう! – RickBrunstedt

関連する問題