Laravel + React: Pass Function in JSON response

Question

I'm trying to generate JSON for display clickable Konva object. All attributes working as expected except onClick.

How to pass a JS function in JSON with Laravel Respons::json()?

Here's what I've tried.

return Response::json([
            'status' => 'completed',
            'message' => 'Question ID:'.$id.' Retreived',
            'data' => [
                
                    "attrs" => [
                        "width" => 1200,
                        "height"=> 200
                    ],
                    "className" => "Stage",
                    "children" => [
                        [
                            "attrs"=>[],
                            "className"=>"Layer",
                            "children"=>[
                                [
                                    "attrs"=>[
                                        "x"=>125,
                                        "y"=>100,
                                        "text"=>"Test Text",
                                        "onClick"=> "{() => console.log(test)}",
                                        "fontSize"=>25,
                                    ],
                                    "className"=>"Text"
                                ]
                            ]
                        ],
                    ]
                
            ]
        ], 200);

but I got this error

TypeError: selfListeners[i].handler.call is not a function. (In 'selfListeners[i].handler.call(this, evt)', 'selfListeners[i].handler.call' is undefined)

I think it is client side (React) error. JSON response seems ok. Check your response in API client tool, such as postman. If everything is allright, you should update your React code. — Piash
– Piash, Commented Jul 4, 2021 at 15:10

lavrton · Accepted Answer · 2021-07-05 06:59:46Z

3

Konva is not using JSON data to attach events. JSON is used only for attributes. So such onClick event will be not attached. It will be just added as onClick attribute, which is not what you want.

And in general, I am not sure if it is a good idea to save/load events and js function inside JSON object. JSON should be used just for attributes and state of your application.

answered Jul 5, 2021 at 6:59

lavrton

20.5k4 gold badges41 silver badges71 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Laravel + React: Pass Function in JSON response

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related