I have two different errors happening, when I don't try to use any JS logic code to display the Alert and simply put it into the component tree manually as such:
<DropdownAlert visible={true} type={'error'} title={'Error'} message={'Something went wrong.'} />
I get the error:
Adjacent JSX elements must be wrapped in an enclosing tag
My component tree has all enclosing tags just fine and this error only boils up when I insert a DropdownAlert component
secondly if I put logic into my constructor such as:
this.dropdown.alertWithType( 'test', 'test me', 'fucking test me bitch' );
I get an error of
undefined is not an object (evaluating '_this.dropdown.alertWithType')
Short Description
I have two different errors happening, when I don't try to use any JS logic code to display the Alert and simply put it into the component tree manually as such:
<DropdownAlert visible={true} type={'error'} title={'Error'} message={'Something went wrong.'} />
I get the error:My component tree has all enclosing tags just fine and this error only boils up when I insert a DropdownAlert component
secondly if I put logic into my constructor such as:
this.dropdown.alertWithType( 'test', 'test me', 'fucking test me bitch' );
I get an error of
Expected Results
A drop down appearing with no errors
Additional Information