连接到上下文

GitBook.connect(Component,[mapStateToProps],[mapActionsToProps])将react组件连接到GitBook上下文。

它不修改传递给它的组件类。 相反,它返回一个新的,连接的组件类,供您使用。

mapStateToProps(state,[ownProps]):stateProps

如果指定,组件将订阅GitBook存储更新。任何时候更新,mapStateToProps将被调用。它的结果必须是一个简单的对象,它将被合并到组件的道具中。

如果省略它,组件将不会订阅GitBook存储。如果ownProps被指定为第二个参数,它的值将是传递给你的组件的道具,mapStateToProps将会在组件接收到新的道具时被额外重新调用(例如,如果从父组件接收到的道具浅浅地改变了,你使用ownProps参数,mapStateToProps被重新计算)。

例如要渲染当前页面的标题:

const GitBook = require('gitbook-core');

let PageTitle = React.createClass({
    render() {
        const { page } = this.props;
        return <h1>{page.title}</h1>;
    }
});

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

PageTitle = GitBook.connect(PageTitle, mapStateToProps);

/### mapActionsToProps(actions, [dispatch])

作者: 雪之梦技术驿站
链接: https://snowdreams1006.github.io/gitbook-official/zh/api/connect.html
来源: 雪之梦技术驿站
本文原创发布于「雪之梦技术驿站」,转载请注明出处,谢谢合作!

https://snowdreams1006.github.io/snowdreams1006-wechat-open.png

results matching ""

    No results matching ""