module React::Component::Features

Public Instance Methods

Fragment(*args, &block) click to toggle source
# File lib/react/component/features.rb, line 4
def Fragment(*args, &block)
  `Opal.React.internal_prepare_args_and_render(Opal.global.React.Fragment, args, block)`
end
Portal(element_or_query, &block) click to toggle source
# File lib/react/component/features.rb, line 8
def Portal(element_or_query, &block)
  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
  %x{
    let operabu = Opal.React.render_buffer;
    operabu.push([]);
    // console.log("portal pushed", operabu, operabu.toString());
    if (block !== nil) {
      let block_result = block.$call()
      let last_buffer_length = operabu[operabu.length - 1].length;
      let last_buffer_element = operabu[operabu.length - 1][last_buffer_length - 1];
      if (block_result && block_result !== nil) { Opal.React.render_block_result(block_result); }
    }
    // console.log("portal popping", operabu, operabu.toString());
    let result = operabu.pop();
    if (result.length === 1) { result = result[0]; }
    var react_element = Opal.global.React.createPortal(result, element);
    operabu[operabu.length - 1].push(react_element);
    // console.log("portal pushed", operabu, operabu.toString());
  }
end
Profiler(*args, &block) click to toggle source
# File lib/react/component/features.rb, line 35
def Profiler(*args, &block)
  `Opal.React.internal_prepare_args_and_render(Opal.global.React.Profiler, args, block)`
end
StrictMode(*args, &block) click to toggle source
# File lib/react/component/features.rb, line 39
def StrictMode(*args, &block)
  `Opal.React.internal_prepare_args_and_render(Opal.global.React.StrictMode, args, block)`
end
Suspense(*args, &block) click to toggle source
# File lib/react/component/features.rb, line 43
def Suspense(*args, &block)
  `Opal.React.internal_prepare_args_and_render(Opal.global.React.Suspense, args, block)`
end