/
registerReactComponent.tsx
38 lines (31 loc) · 1.07 KB
/
registerReactComponent.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
import {renderToString} from 'react-dom/server';
import * as ReactDOM from 'react-dom';
import React from "react";
declare global {
interface Window {
WebiikReact: any;
}
}
window.WebiikReact = {};
function registerReactComponent(components: { [id: string]: any }) {
Object.keys(components).forEach(name => {
const Component = components[name];
window.WebiikReact[name] = (server: string, uid: string, props?: any) => {
if (server == 'server') {
let html = '<div id="' + uid + '">';
html += renderToString(<Component {...props}/>);
html += '</div>';
return html;
}
if (server == 'server-client') {
const el = document.getElementById(uid);
ReactDOM.hydrate(<Component {...props}/>, el);
}
if (server == 'client') {
const el = document.getElementById(uid);
ReactDOM.render(<Component {...props}/>, el);
}
};
});
}
export {registerReactComponent};