Sha256: 621b31aa72c88c36cc6b9bd9a3903c3a668070dd8d862e27687d3df61cdfc741
Contents?: true
Size: 1.73 KB
Versions: 10
Compression:
Stored size: 1.73 KB
Contents
module ReactDOM class << self def create_portal(child, container) # container is a native DOM node `Opal.global.ReactDOM.createPortal(child, container)` end def find_dom_node(native_react_component) `Opal.global.ReactDOM.findDomNode(native_react_component)` end def hydrate(native_react_element, container, &block) # container is a native DOM element `Opal.React.render_buffer.push([]);` result = if block_given? `Opal.global.ReactDOM.hydrate(native_react_element, container, function() { block.$call() })` else `Opal.global.ReactDOM.hydrate(native_react_element, container)` end `Opal.React.render_buffer.pop()` result end def render(native_react_element, container, &block) # container is a native DOM element `Opal.React.render_buffer.push([]);` result = if block_given? `Opal.global.ReactDOM.render(native_react_element, container, function() { block.$call() })` else `Opal.global.ReactDOM.render(native_react_element, container)` end `Opal.React.render_buffer.pop()` result end def unmount_component_at_node(element_or_query) if `(typeof element_or_query === 'string')` || (`(typeof element_or_query.$class === 'function')` && element_or_query.class == String) element = `document.body.querySelector(element_or_query)` elsif `(typeof element_or_query.$is_a === 'function')` && element_or_query.is_a?(Browser::DOM::Node) element = element_or_query.to_n else element = element_or_query end `Opal.global.ReactDOM.unmountComponentAtNode(element)` end end end
Version data entries
10 entries across 10 versions & 1 rubygems