How to initialize object with property of array

Question

I have this code:

interface MenuItemRefsProps {
    current: React.Component;
    tag: number;
    route: string;
};

let tvDrawerObject: {
    menuItemRefs: MenuItemRefsProps[];
};
tvDrawerObject = { menuItemRefs: [] };

But my eslint complains, that

'tvDrawerObject' is never reassigned. Use 'const' instead.

If I use const for 'tvDrawerObject' I need to initialize it. I don't know how to do it. I tried something like this:

const tvDrawerObject: {
    menuItemRefs: MenuItemRefsProps[] = [];
};

Then another complain arise:

A type literal property cannot have an initializer.

Terrance00 · Accepted Answer · 2021-06-04 11:33:01Z

1

What you should do is, initialize the const right away:

const tvDrawerObject: {
    menuItemRefs: MenuItemRefsProps[]
} = { menuItemRefs: [] };

The reason for this is because const's should not be able to change after initialization.

edited Jun 4, 2021 at 11:33

answered Jun 4, 2021 at 11:23

Terrance00

1,6981 gold badge21 silver badges30 bronze badges

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

3 Comments

Vladimír Over a year ago

It is not working. Red color is under [] after equation mark on second line.

Vladimír Over a year ago

But if I change it to const tvDrawerObject: { menuItemRefs: MenuItemRefsProps[]; } = { menuItemRefs: [] }; it looks ok.

Terrance00 Over a year ago

Ahhh. I missed that, will edit the answer, we shouldn't try to initialize when specifying a type.

Collectives™ on Stack Overflow

How to initialize object with property of array

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related