MapStateToProps 依赖于组件的 props

Question

我有这样的组件

export class Parent extends React.PureComponent {

    render() {
        let {items} = this.props;
        return <React.Fragment>
            {items.map((item, index) => <Child index={index} name={item.name}/>)}
        </React.Fragment>
    }

}

class Child extends React.PureComponent {

    render() {
        let {index, name} = this.props;
        return <div>{`index = ${index} name=${name}`}</div>
    }

}

const mapStateToProps = (state) => ({
});

export default connect(mapStateToProps)(Child);

如何从 mapStateToProps 中的 Child 组件获取“index”参数？我想制作依赖于这个参数的道具。或者也许这是不好的做法，我必须以其他方式这样做？

Answer 1

有第二个可选参数mapStateToProps，ownProps。那应该是你需要的。

const mapStateToProps = (state, ownProps) => {
  return {
    active: ownProps.filter === state.visibilityFilter
  }
}