Bläddra i källkod

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

Masen Furer 1 år sedan
förälder
incheckning
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 %}
 {% endif %}
+    {% for hook in component.hooks %}
+    {{ hook }}
+    {% endfor %}
     return(
     return(
         {{utils.render(component.render)}}
         {{utils.render(component.render)}}
       )
       )

+ 1 - 0
reflex/compiler/utils.py

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