diff options
author | Samy Pesse <samypesse@gmail.com> | 2016-09-29 23:53:18 +0200 |
---|---|---|
committer | Samy Pesse <samypesse@gmail.com> | 2016-09-29 23:53:18 +0200 |
commit | 1489129407cfd4a562b3fb8f2799acb3b240ee6b (patch) | |
tree | eb78fd46654a9410d066195cbac993df4fb4098f /docs/api/connect.md | |
parent | b5c407cf7bdea1a7b0da5044cb036e2753b32de2 (diff) | |
download | gitbook-1489129407cfd4a562b3fb8f2799acb3b240ee6b.zip gitbook-1489129407cfd4a562b3fb8f2799acb3b240ee6b.tar.gz gitbook-1489129407cfd4a562b3fb8f2799acb3b240ee6b.tar.bz2 |
Improve Gitbook.connect to accept a mapActionsToProps
Diffstat (limited to 'docs/api/connect.md')
-rw-r--r-- | docs/api/connect.md | 33 |
1 files changed, 33 insertions, 0 deletions
diff --git a/docs/api/connect.md b/docs/api/connect.md new file mode 100644 index 0000000..740deca --- /dev/null +++ b/docs/api/connect.md @@ -0,0 +1,33 @@ +# Connect to the context + +`GitBook.connect(Component, [mapStateToProps], [mapActionsToProps])` connects a react component to the GitBook context. + +It does not modify the component class passed to it. +Instead, it returns a new, connected component class, for you to use. + +### `mapStateToProps(state, [ownProps]): stateProps` + +If specified, the component will subscribe to GitBook store updates. Any time it updates, `mapStateToProps` will be called. Its result must be a plain object, and it will be merged into the component’s props. + +If you omit it, the component will not be subscribed to the GitBook store. If `ownProps` is specified as a second argument, its value will be the props passed to your component, and `mapStateToProps` will be additionally re-invoked whenever the component receives new props (e.g. if props received from a parent component have shallowly changed, and you use the `ownProps` argument, `mapStateToProps` is re-evaluated). + +For example to render the title of the current page: + +```js +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])` |