SolidJSS
SolidJSโ€ข3y agoโ€ข
3 replies
Grahf

warnings when passing onClick as prop

I get a warning in the child component when I pass an event handler from the parent.

In the parent it looks like this:
                onSeeAlsoClick={[handleShowSeeAlso, index()]}


And in the child:
<button
        onClick={props.onSeeAlsoClick}


Warning:
The reactive variable 'props.onSeeAlsoClick' should be wrapped in a function for reactivity. This includes event handler bindings on native elements, which are not reactive like other JSX props.

But when I change it to
<button
        onClick={() => props.onSeeAlsoClick()}
it stops working
Was this page helpful?