reactjs - 如何从 react.rb 组件生成多个 dom 元素

Question

我正在尝试使以下代码正常工作：

class HelloWorld < React::Component::Base
  # stuff
  def render
    div { "hello" }
    div { "goodby" }
  end
end

但我不断收到此错误：

Exception raised while rendering #<HelloWorld:0x489> RuntimeError: a components render method must generate and return exactly 1 element or a string

Answer 1

React.rb 组件（如 react.js）只能渲染单个根 dom 元素。

要生成多个元素，您需要将元素包装在 div 中，例如：

class HelloWorld < React::Component::Base
  # stuff
  def render
    div do
      div { "hello" }
      div { "goodby" }
    end
  end
end