내가 두 번째 구성 요소 결코 아래의 코드는 두 번째 renderComponent를 렌더링 그러나</p> <p>에 연결하는 두 개의 구성 요소를 렌더링하고 REDUX에서 소품을 통과 할 필요가있는 다시 컴포지션 필터가 여러 renderComponent

Question

구도를 다시. 아래에서 일할 수있는 방법이 있습니까, 아니면 정규 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)