同一类的容器和组件

时间:2017-07-21 14:51:44

标签: reactjs redux react-redux

我是React和Redux的新手,

我正在尝试使用Class作为Redux容器(因此状态由reducer管理)以及使用另一个实例的经典Component(没有指向reducer的链接)

所以基本上是这样的:

class BaseLogo extends Component {

    constructor(props){
        super(props);
    }

    render(){
        let link = this.props.linkLogo || this.props.link;
        return (
            <Link className="btn btn-primary" to={link}>
                {this.props.logoName}
            </Link>
        );
    }
}

function mapStateToProps(state){
    return {
        linkLogo: state.linkLogo
    };
}

let Logo = connect(mapStateToProps)(BaseLogo);
export {Logo, BaseLogo as Button};

所以我想使用Logo作为容器,将Button作为具有指定道具的组件(无减速器)。

但是当Redux绑定它的方式时,每当我创建一个类Logo的实例时,都会有一个reducer。

有什么方法可以将connect()()与班级本身隔离开来吗?

谢谢。

1 个答案:

答案 0 :(得分:0)

我发现了错误,它导致代码中的错误实现。谢谢大家