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中的子组件获取"索引"参数？我想制作依赖于这个参数的道具。或者也许这是不好的做法，我必须以另一种方式这样做？

Answer 1

还有第二个可选参数来mapStateToPropsownProps。这应该是你所需要的。

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