重构多个renderComponent

时间:2017-11-09 17:29:03

标签: reactjs recompose

我有一个重构过滤器,需要渲染两个组件并将道具从redux连接传递到第二个组件

但是下面的代码永远不会呈现第二个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)

1 个答案:

答案 0 :(得分:2)

Student总是丢弃第二个参数(基本组件)并呈现第一个参数。如果要渲染两者,只需创建一个新组件并渲染它们。可能类似于:

renderComponent