Module: ReactDOM

Defined in:
lib/react_dom.rb

Class Method Summary collapse

Class Method Details

.create_portal(child, container) ⇒ Object 



3
4
5
6
 
# File 'lib/react_dom.rb', line 3

def create_portal(child, container)
  # container is a native DOM node
  `Opal.global.ReactDOM.createPortal(child, container)`
end

.find_dom_node(native_react_component) ⇒ Object 



8
9
10
 
# File 'lib/react_dom.rb', line 8

def find_dom_node(native_react_component)
  `Opal.global.ReactDOM.findDOMNode(native_react_component)`
end

.hydrate(native_react_element, container, &block) ⇒ Object 



12
13
14
15
16
17
18
19
 
# File 'lib/react_dom.rb', line 12

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

.render(native_react_element, container, &block) ⇒ Object 



21
22
23
24
25
26
27
28
 
# File 'lib/react_dom.rb', line 21

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

.unmount_component_at_node(element_or_query) ⇒ Object 



30
31
32
33
34
35
36
37
38
39
 
# File 'lib/react_dom.rb', line 30

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