I’ve been trying to get a react component working inside a custom editor with no success so far. The documentation in this area seems to be incorrect and/or weak. Would be great to have more and complete examples in this area for those of us using a library like React.
I have replicated my issue here: https://jsfiddle.net/shartzog/b6ws27ca/.
Target Environment: (not the fiddle) Basically, inside a react app using @handsontable/react (aka
<HotTable />), I’ve built and registered a custom editor class that renders a React-Bootstrap component (dropdown button) on the
Issue: Editing the field Renders the component which is immediately destroyed on any click/usage.
Additional (not shown here), when the dropdown does show on top of other cells, clicking on the option selects a new cell - which obviously fires
Note: I’ve put the
ReactDOM.render() in various methods with varying degrees of success. That’s why I ended up in the
open() method after overriding the
beginEditing() method to determine what is killing the edit session.
Can someone help me get this example working?