如何集成haml和react to。我想用Haml文件渲染react组件？

Question

我想在Haml file.Is中渲染React组件，有任何方法可以从Haml文件中调用React JS类进行渲染。

Answer 1

我认为这是不可能的，因为React组件需要React应用程序才能工作，但是您可以使用haml-jsx-loader为webpack实现相反的站点(haml inside react)。示例如下：

render() {
   return (~
    #content
      .column.sidebar
        %Sidebar(property={value}
               onSelect={() => ...})

      .column.main
        %h2 Welcome to our site!
        %p {info}
   ~);
}

Answer 2

你的问题上有一个" ManageIQ“标签，所以我假设你是在ManageIQ UI的上下文中提问的。

有一个名为react的帮助器方法，它允许您在ManageIQ HAML中使用React组件。它在这里实现：https://github.com/ManageIQ/manageiq-ui-classic/blob/master/app/helpers/reactjs_helper.rb

示例调用：

= react 'ReportDataTable'，{:reportResultId => @report_result_id}

要做到这一点，你需要在这里注册你的React组件：https://github.com/ManageIQ/manageiq-ui-classic/blob/master/app/javascript/packs/component-definitions-common.js

在那里，您还可以看到已经注册的组件列表和grep用法示例。

如果您想在ManageIQ UI内的React中编写表单，请使用本指南：https://github.com/ManageIQ/guides/blob/master/ui/react_forms.md