Browse Source

Support hooks in custom components (state, addEvents) (#2234)

Masen Furer 1 year ago
parent
commit
3c7af9fad4

+ 3 - 0
reflex/.templates/jinja/web/pages/custom_component.js.jinja2

@@ -22,6 +22,9 @@ export const {{component.name}} = memo(({ {{-component.props|join(", ")-}} }) =>
 
     }
 {% endif %}
+    {% for hook in component.hooks %}
+    {{ hook }}
+    {% endfor %}
     return(
         {{utils.render(component.render)}}
       )

+ 1 - 0
reflex/compiler/utils.py

@@ -254,6 +254,7 @@ def compile_custom_component(
             "name": component.tag,
             "props": props,
             "render": render.render(),
+            "hooks": render.get_hooks(),
             "custom_code": render.get_custom_code(),
         },
         imports,