Files
documentation/node_modules/react-helmet-async/src/Dispatcher.js
2024-03-22 03:47:51 +05:30

70 lines
1.6 KiB
JavaScript

import { Component } from 'react';
import shallowEqual from 'shallowequal';
import handleStateChangeOnClient from './client';
import mapStateOnServer from './server';
import { reducePropsToState } from './utils';
import Provider, { providerShape } from './Provider';
export default class Dispatcher extends Component {
static propTypes = {
context: providerShape.isRequired,
};
static displayName = 'HelmetDispatcher';
rendered = false;
shouldComponentUpdate(nextProps) {
return !shallowEqual(nextProps, this.props);
}
componentDidUpdate() {
this.emitChange();
}
componentWillUnmount() {
const { helmetInstances } = this.props.context;
helmetInstances.remove(this);
this.emitChange();
}
emitChange() {
const { helmetInstances, setHelmet } = this.props.context;
let serverState = null;
const state = reducePropsToState(
helmetInstances.get().map(instance => {
const props = { ...instance.props };
delete props.context;
return props;
})
);
if (Provider.canUseDOM) {
handleStateChangeOnClient(state);
} else if (mapStateOnServer) {
serverState = mapStateOnServer(state);
}
setHelmet(serverState);
}
// componentWillMount will be deprecated
// for SSR, initialize on first render
// constructor is also unsafe in StrictMode
init() {
if (this.rendered) {
return;
}
this.rendered = true;
const { helmetInstances } = this.props.context;
helmetInstances.add(this);
this.emitChange();
}
render() {
this.init();
return null;
}
}