reactjs - 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 中的子组件获取“索引”参数？我想制作依赖于此参数的 Prop 。或者这可能是不好的做法，我必须以其他方式来做？

Answer 1

mapStateToProps 有第二个可选参数，ownProps。这应该是您所需要的。

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