Per tree item events about react-folder-tree HOT 4 CLOSED

Well, I've just added blueprint tooltip wrapper to tree items and it worked for me...
Not the best option for a 'light weight lib' to add blueprint to dependencies though;

from react-folder-tree.

Hi Nick,

Seems that we currently don't have a way to attach mouse event handler 😢

I guess it won't be too hard to add a onNodeHover callback in next version, which has similar arguments with the existing onNameClick handler.

However, I am not sure so far what's the best way to support "DOM related" callback, I mean for "data related callback", it is super easy, like what we have:

const onNameClick = ({  nodeData }) => { ... };

if we need to show a tooltip, maybe we can have something like this? Although it doesn't look very 'React'

const onNodeHover = ({  nodeData, refToNodeDOM }) => { showTooltip(refToNodeDOM); };

Let me know if you have any idea about it, and thanks for this feature suggestion!

By the way if we just need to support a very specific hover handler (like a tooltip), but not a general on hover interface, it should be achievable, feel free to fork the code and implement a react-folder-tree-with-tooltip, and I am happy to answer any question about the codes : )

from react-folder-tree.

and for 'Per tree item', events could be distinguished by it's node data, for example

const onNodeHover = ({ nodeData, refToNodeDOM }) => { 
  if (nodeData.tooltipInfo) {
    showTooltip(refToNodeDOM, nodeData.tooltipInfo);
  }
 };

let me know if you have any better ideas.

from react-folder-tree.

glad to hear it worked out for you!

from react-folder-tree.