如何从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