github react starter disques
import React from 'react';
import PropTypes from 'prop-types';
const SHORTNAME = 'example';
const WEBSITE_URL = 'http://www.example.com';
function renderDisqus() {
if (window.DISQUS === undefined) {
var script = document.createElement('script');
script.async = true;
script.src = 'https://' + SHORTNAME + '.disqus.com/embed.js';
document.getElementsByTagName('head')[0].appendChild(script);
} else {
window.DISQUS.reset({ reload: true });
}
}
class DisqusThread extends React.Component {
static propTypes = {
id: PropTypes.string.isRequired,
title: PropTypes.string.isRequired,
path: PropTypes.string.isRequired,
};
shouldComponentUpdate(nextProps) {
return (
this.props.id !== nextProps.id ||
this.props.title !== nextProps.title ||
this.props.path !== nextProps.path
);
}
componentDidMount() {
renderDisqus();
}
componentDidUpdate() {
renderDisqus();
}
render() {
let { id, title, path, ...other } = this.props;
if (process.env.BROWSER) {
window.disqus_shortname = SHORTNAME;
window.disqus_identifier = id;
window.disqus_title = title;
window.disqus_url = WEBSITE_URL + path;
}
return <div {...other} id="disqus_thread" />;
}
}
export default DisqusThread;
Are there any code examples left?
New code examples in category Javascript
-
Javascript 2023-04-21 22:52:36
-
Javascript 2022-03-27 22:25:20 javascript download string as file
-
Javascript 2022-03-27 21:40:22 sort numbers in array javascript
-
Javascript 2022-03-27 21:20:04 compare two arrays and return the difference javascript
-
Javascript 2022-03-27 21:15:02 javascript regex french phone number
-
Javascript 2022-03-27 21:05:03 cypress custom error message
-
Javascript 2022-03-27 21:00:05 create element javascript with id
-
Javascript 2022-03-27 20:40:57 feather icons react
-
Javascript 2022-03-27 20:20:01 how to make graphql request in axios
-
Javascript 2022-03-27 20:15:07 bootstrap validator password and confirm password