Как интегрировать HAML с реагировать JS. Я хочу, чтобы отреагировать компонент, используя файл Haml?

Question

Я хочу визуализировать компонент React в файле Haml. Есть ли способ вызвать класс React JS из файла Haml для визуализации.

Answer 1

В вашем вопросе есть тег "ManageIQ", поэтому я предполагаю, что вы спрашиваете в контексте ManageIQ UI.

Есть вспомогательный метод с именем react, который позволяет вам использовать компонент React в ManageIQHAMLs.Это реализовано здесь: https://github.com/ManageIQ/manageiq-ui-classic/blob/master/app/helpers/reactjs_helper.rb

Пример вызова:

= реагировать 'ReportDataTable', {: reportResultId => @report_result_id}

Комучтобы сделать это, вам нужно зарегистрировать свой компонент React здесь: https://github.com/ManageIQ/manageiq-ui-classic/blob/master/app/javascript/packs/component-definitions-common.js

Там вы также можете увидеть список компонентов, которые уже зарегистрированы и grep для примера использования.

Если вы хотите писать формы в React внутри ManageIQ UI, используйте это руководство: https://github.com/ManageIQ/guides/blob/master/ui/react_forms.md

Answer 2

Я не думаю, что это возможно, потому что компоненты React требуют, чтобы приложение React работало, однако вы можете достичь противоположности (хамл внутри реакции), используя haml-jsx-loader для веб-пакета.Вот демо:

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

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