aboutsummaryrefslogtreecommitdiffstats
path: root/web/src/vendor/react-router/docs/api/mixins/ActiveState.md
diff options
context:
space:
mode:
Diffstat (limited to 'web/src/vendor/react-router/docs/api/mixins/ActiveState.md')
-rw-r--r--web/src/vendor/react-router/docs/api/mixins/ActiveState.md58
1 files changed, 0 insertions, 58 deletions
diff --git a/web/src/vendor/react-router/docs/api/mixins/ActiveState.md b/web/src/vendor/react-router/docs/api/mixins/ActiveState.md
deleted file mode 100644
index f251bd35..00000000
--- a/web/src/vendor/react-router/docs/api/mixins/ActiveState.md
+++ /dev/null
@@ -1,58 +0,0 @@
-API: `ActiveState` (mixin)
-==========================
-
-A mixin for components that need to know about the routes, params, and
-query that are currently active (like links).
-
-Static Methods
---------------
-
-### `isActive(routeName, params, query)`
-
-Returns `true` if a route, params, and query are active, `false`
-otherwise.
-
-Lifecycle Methods
------------------
-
-### `updateActiveState`
-
-Called when the active state changes.
-
-Example
--------
-
-Let's say you are using bootstrap and want to get `active` on those `li`
-tags for the Tabs:
-
-```js
-var Link = require('react-router/Link');
-var ActiveState = require('react-router/ActiveState');
-
-var Tab = React.createClass({
-
- mixins: [ ActiveState ],
-
- getInitialState: function () {
- return { isActive: false };
- },
-
- updateActiveState: function () {
- this.setState({
- isActive: Tab.isActive(this.props.to, this.props.params, this.props.query)
- })
- },
-
- render: function() {
- var className = this.state.isActive ? 'active' : '';
- var link = Link(this.props);
- return <li className={className}>{link}</li>;
- }
-
-});
-
-// use it just like <Link/>, and you'll get an anchor wrapped in an `li`
-// with an automatic `active` class on both.
-<Tab to="foo">Foo</Tab>
-```
-