Posted 24 June 2020, 3:59 pm EST
I have the following code:
<wjcGrid.FlexGrid id='theGrid'
ref={this.gridRef} className="has-ctx-menu"
deferResizing={true} alternatingRowStep={0}
headersVisibility="Column"
formatItem={this.onFormatItem} itemsSource={this.state.view}
initialized={this.initializeGrid}>
<FlexGridFilter/>
{this.state.headers.map(e => {
return (
<wjcGrid.FlexGridColumn key={e.raw} header={e.readable} binding={e.raw} width={'*'}
isRequired={false}/>
)
})}
</wjcGrid.FlexGrid>
<wjInput.Menu contextMenuOf={['theGrid', this.gridRef]}
header="Menu" selectedValuePath="cmd" dropDownCssClass="ctx-menu"
itemClicked={this.menuItemClicked}>
<wjInput.MenuItem cmd="menuSelectAll">
Select All
</wjInput.MenuItem>
<wjInput.MenuItem cmd="menuInvertSelection">
Invert Selection
</wjInput.MenuItem>
<wjInput.MenuSeparator/>
<wjInput.MenuItem cmd="menuChangeSelected">
Change Selected
at: {this.flexGrid !== undefined && this.flexGrid.selectedRows.length >= 1 ? this.flexGrid.selectedRows[0].dataItem.id : null}
</wjInput.MenuItem>
<wjInput.MenuItem cmd="menuSelectChanged">
Select All Changed
</wjInput.MenuItem>
<wjInput.MenuItem cmd="menuSelectOnlyChanged">
Select Only Changed
</wjInput.MenuItem>
<wjInput.MenuSeparator/>
<wjInput.MenuItem cmd="menuPrintSelected">
Print Selected
</wjInput.MenuItem>
<wjInput.MenuSeparator/>
<wjInput.MenuItem cmd="menuRead">
Read
</wjInput.MenuItem>
<wjInput.MenuItem cmd="menuSend">
Send
</wjInput.MenuItem>
<wjInput.MenuItem cmd="menuReadAllSet">
Read All Set
</wjInput.MenuItem>
<wjInput.MenuItem cmd="menuSendAllSet">
Send All Set
</wjInput.MenuItem>
<wjInput.MenuItem cmd="menuStop">
Stop
</wjInput.MenuItem>
<wjInput.MenuItem cmd="menuExport">
Export
</wjInput.MenuItem>
</wjInput.Menu>
I have noticed a unusual error, every time I navigate to another page using I am presented with the following error:
Warning: unmountComponentAtNode(): The node you’re attempting to unmount was rendered by React and is not a top-level container. Instead, have the parent component update its state and rerender in order to remove this component.
I noticed that if I remove the Menu portion of the code, this error no longer displays. Has anybody experienced the same error message using the Menu component?
