How to send event and object as parameters to Javascript eventlistener function?

Question

So I'm writing Javascript and using a Material Ui Select component. This component has a parameter "onChange" which triggers if a new drop-down item is selected.

onChange={(event) => {
    let newObj = {
        'param1': value1,
        'param2': value2,
        ...
    }
    handleChangeTemplates(event, newObj);
}}

When debugging the function "handleChangeTemplates", it receives the "event" object correctly, but does something weird (to me anyway) with the other object. Here's how it looks during debugging:

How can I properly send all my parameters that I need to the function, during the "onChange" event?

Abhilash CR · Accepted Answer · 2021-09-23 02:45:24Z

1

I am not sure how whole code looks like but valuesObj somehow pointing react element.

I have created same component in code sandbox an it working fine. Please check that, It may help.

https://codesandbox.io/s/basicselect-material-demo-forked-mnc45?file=/demo.js

answered Sep 23, 2021 at 2:45

Abhilash CR

1691 silver badge4 bronze badges

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

2 Comments

Tempuslight Over a year ago

It somehow doesn't seem to work, it keeps saying it's a React Element... I've found this as well in the meantime: stackoverflow.com/questions/49114768/… , which looks the same, but somehow it works for you both and not for my code :s

Abhilash CR Over a year ago

@Tempuslight if possible just create a code sandbox link of your code, So that I can check the code or screen shot of select component also help. I can see somehow whole react component is passing as data.

Collectives™ on Stack Overflow

How to send event and object as parameters to Javascript eventlistener function?

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related