Getting "assignment to undeclared variable" error

Question

I am trying to use a react icon picker using material-ui-icon-picker

But, I get an assignment to undeclared variable showPickedIcon error

edit( { attributes, className, focus, setAttributes, setFocus, setState  } ) {
     const { content, alignment ,applyStyles,icon} = attributes;
     showPickedIcon = (icon) => {
         console.info(icon) // prints {name: "access_alarm", code: "e190"}
     }

     return (
         <MaterialUiIconPicker onPick={this.showPickedIcon} />
     );
},

and I can't find how to fix this.

Your variable showPickedIcon is not defined in the scope. Declare it with const, let or var and you won't have that error. Also, refrain from asking such low level questions which can be solved using a good IDE. — Nilesh Singh
– Nilesh Singh, Commented Feb 10, 2018 at 9:36

Mikkel · Accepted Answer · 2018-02-10 09:21:54Z

1

showPickedIcon is not declared, so give it a declaration, like this:

edit( { attributes, className, focus, setAttributes, setFocus, setState  } ) {
        const { content, alignment ,applyStyles,icon} = attributes;
        const showPickedIcon = (icon) => {
        console.info(icon) // prints {name: "access_alarm", code: "e190"}
    }


        return (
                <MaterialUiIconPicker onPick={this.showPickedIcon} />
                );
    },

answered Feb 10, 2018 at 9:21

Mikkel

7,7773 gold badges20 silver badges32 bronze badges

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

1 Comment

Nilesh Singh Over a year ago

Please make sure you point such silly mistakes in the comments rather than answering them in full.

Collectives™ on Stack Overflow

Getting "assignment to undeclared variable" error

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related