Sha256: 1b2a782aee5ee856dfd5a82e3a6f12895244d4a8d376f60aa03b911de235c7ac
Contents?: true
Size: 1.45 KB
Versions: 54
Compression:
Stored size: 1.45 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
if block_given?
`Opal.global.ReactDOM.hydrate(native_react_element, container, function() { block.$call() })`
else
`Opal.global.ReactDOM.hydrate(native_react_element, container)`
end
end
def render(native_react_element, container, &block)
# container is a native DOM element
if block_given?
`Opal.global.ReactDOM.render(native_react_element, container, function() { block.$call() })`
else
`Opal.global.ReactDOM.render(native_react_element, container)`
end
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::Element)
element = element_or_query.to_n
else
element = element_or_query
end
`Opal.global.ReactDOM.unmountComponentAtNode(element)`
end
end
end
Version data entries
54 entries across 54 versions & 1 rubygems