は、私は2つの構成要素をレンダリングし、第二成分に</p> <p>を接続Reduxのから小道具を通過する必要がある再構成フィルタを有する複数renderComponent

Question

の再構成が以下のコードは、第renderComponentレンダリング決して - 本当の恥です。以下のような作業をする方法はありますか？あるいは、私は定期的なReactコンポーネントを選択すべきですか？

import { compose, renderComponent } from "recompose" 
import { connect } from "react-redux" 

import Filters from "./filter/filter" 
import Wrestlers from "./container" 

const defaultState = state => ({ 
    collection: state.roster, 
}) 

export default compose(
    renderComponent(Filters), 
    connect(defaultState), 
    renderComponent(Wrestlers), 
)(Wrestlers) 

Answer 1

renderComponentは常に第二引数（基本成分）を破棄し、最初の引数をレンダリングします。両方をレンダリングする場合は、新しいコンポーネントを作成してレンダリングします。おそらく次のようなものでしょう：

const Parent = ({ collection }) => (
    // You can return an array here if you are using React 16 
    <div> 
    <Filters /> 
    <Wrestlers collection={collection} /> 
    <div> 
) 

export default connect(defaultState)(Parent)