https://linen.dev logo
Join Discord
Powered by
# react
  • a
    they work seamlessly now with code updates
  • a
    I'm sure this used to work
  • a
    static inline var Group:ReactType = CheckboxGroup;
  • a
    to allow use like: 
    <Checkbox.Group>
  • a
    Getting the error 
    Extern variable initialization must be a constant value
  • u
    What's CheckboxGroup ?
  • u
    Also, do you happen to have an enum with a constructor named CheckboxGroup ?
  • a
    i do not
  • u
    Hmm, does it work without 
    :ReactType
    ?
  • a
    oh hey
  • a
    it does lol
  • a
    thanks!
  • a
  • a
    I'm having trouble creating an extern for this
  • a
    it seems like having 
    useToast
    or 
    useToast()
    leads to errors both ways
  • a
    this is the error I get with the various ways i've tried
  • u
    In what component are you using it?
  • a
    just a standard one, as i'm just creating externs i'm mostly copying example code from the page and running as is
  • u
    Won't work in a standard one
  • u
    Hooks only work in function components, not in class components
  • u
    Might work in a 
    @:jsxStatic
    component or a static function
  • a
    function components are the "newish" thing in rn i guess?
  • a
    I was unaware haxe had expression for it :o
  • u
    They've been there for a looong while, possibly since the beginning
  • u
    It's really just a 
    static function MyComponent(props:MyProps):ReactFragment return jsx(...);
  • u
    Issue is that js devs are too often oblivious to classic OOP and thus to classes, and the majority of react moved away from classes with hooks
  • a
    would i approach the extern creation differently as well due to this approach?
  • a
    I haven't seen any extern implementation for hook stuff in haxe so i'm in uncharted territory
  • a
    Copy code
    hx
@:jsRequire('native-base', 'useToast()')
extern class Toast extends ReactComponentOfProps<{
> BoxProps,
}> {
    function new();
    public static function show(input:ToastOpts):Void;
}
  • a
    was what i was going with, i've had various iterations of this setup as i was trying to get it to work
1...606162...80Latest