Installing Sleekplan with React is very easy. Here is the solution
Go to Settings. Then, Widget / Website Settings.
Copy the JavaScript code
Go to your React codebase and find the main component.
class App extends React.Component {
componentDidMount () {
// Include the Sleekplan code here, without the <script></script> tags
window.$sleek=[];
window.SLEEK_PRODUCT_ID=YOURPRODUCT_ID;
(function(){d=document;
s=d.createElement("script");
s.src="https://client.sleekplan.com/sdk/e.js";
s.async=1;
d.getElementsByTagName("head")[0].appendChild(s);
})();
};
render () {
return (
<Router>
<Route path="/" component={LogPageView} />
<div className="content">
<PageWrapper>
<Header title="Site Title" />
<Routes />
<Footer />
</PageWrapper>
</div>
</Router>)
}
}
export default App