React Router innerHTML Links

Used to let innerHTML links be handled the react-router way. For example links created in WordPress' wysiwyg editor.

Installation

Using NPM:

``
npm install react-router-innerhtml-links --save
`

Using Yarn:

`
yarn add react-router-innerhtml-links
`

How to use

$3

Import the class in the component that needs it.

`js
import Links from 'react-router-innerhtml-links';
`

$3

Run it on mount. Bind it to the component so that you can run it on Unmount again to remove listeners.

Accepts two parameters

* An element ref (docs).
* Browser history.

`js
componentDidMount() {
this.links = new Links(this.div, storeHistory);
}
`

$3

Remove event listeners.

`js
componentWillUnmount() {
this.links.removeListeners();
}
`

$3


You can exclude links in elements by adding a data-nolinks attribute to the parent.

`html



``