summaryrefslogtreecommitdiff
path: root/packages/integrations/react/client.js
diff options
context:
space:
mode:
Diffstat (limited to 'packages/integrations/react/client.js')
-rw-r--r--packages/integrations/react/client.js37
1 files changed, 20 insertions, 17 deletions
diff --git a/packages/integrations/react/client.js b/packages/integrations/react/client.js
index 73f43aa94..cef488c83 100644
--- a/packages/integrations/react/client.js
+++ b/packages/integrations/react/client.js
@@ -12,38 +12,41 @@ function isAlreadyHydrated(element) {
function createReactElementFromDOMElement(element) {
let attrs = {};
- for(const attr of element.attributes) {
+ for (const attr of element.attributes) {
attrs[attr.name] = attr.value;
}
- return createElement(element.localName, attrs,
- Array.from(element.childNodes).map(c => {
- if(c.nodeType === Node.TEXT_NODE) {
- return c.data;
- } else if(c.nodeType === Node.ELEMENT_NODE) {
- return createReactElementFromDOMElement(c)
- } else {
- return undefined;
- }
- }).filter(a => !!a)
+ return createElement(
+ element.localName,
+ attrs,
+ Array.from(element.childNodes)
+ .map((c) => {
+ if (c.nodeType === Node.TEXT_NODE) {
+ return c.data;
+ } else if (c.nodeType === Node.ELEMENT_NODE) {
+ return createReactElementFromDOMElement(c);
+ } else {
+ return undefined;
+ }
+ })
+ .filter((a) => !!a)
);
}
function getChildren(childString, experimentalReactChildren) {
- if(experimentalReactChildren && childString) {
+ if (experimentalReactChildren && childString) {
let children = [];
let template = document.createElement('template');
template.innerHTML = childString;
- for(let child of template.content.children) {
- children.push(createReactElementFromDOMElement(child))
+ for (let child of template.content.children) {
+ children.push(createReactElementFromDOMElement(child));
}
return children;
- } else if(childString) {
+ } else if (childString) {
return createElement(StaticHtml, { value: childString });
} else {
return undefined;
}
-
}
export default (element) =>
@@ -55,7 +58,7 @@ export default (element) =>
for (const [key, value] of Object.entries(slotted)) {
props[key] = createElement(StaticHtml, { value, name: key });
}
-
+
const componentEl = createElement(
Component,
props,