diff options
author | 2023-10-24 12:07:52 +0000 | |
---|---|---|
committer | 2023-10-24 12:07:52 +0000 | |
commit | 48bf7c3de6f5805e07ca8fa3076d01090593dcf1 (patch) | |
tree | 7a7c4f0cf771448f42274ed834d20f9e9911ca2d /packages/integrations/react/client.js | |
parent | 4dee38711cbf83efb5e12fbfa8e69e2495c49acf (diff) | |
download | astro-48bf7c3de6f5805e07ca8fa3076d01090593dcf1.tar.gz astro-48bf7c3de6f5805e07ca8fa3076d01090593dcf1.tar.zst astro-48bf7c3de6f5805e07ca8fa3076d01090593dcf1.zip |
[ci] format
Diffstat (limited to 'packages/integrations/react/client.js')
-rw-r--r-- | packages/integrations/react/client.js | 37 |
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, |