Estoy usando el componente Tree de PrimeReact con arrastrar y soltar, selección única y un evento onNodeClick para el nodo. El arrastrar y soltar y la selección funcionan bien, pero el evento onNodeClick simplemente no se activa.
<Tree value={nodes} expandedKeys={expandedKeys} onToggle={(e) => setExpandedKeys(e.value)} dragdropScope="demo" onDragDrop={(event) => setNodes(event.value)} onContextMenu={(event) => cm.current.show(event.originalEvent)} selectionMode="single" selectionKeys={selectedKey} onSelectionChange={(e) => setSelectedKey(e.value)} onNodeClick={(event) => openFile(event)} />Sin embargo, el evento se activa cuando se llama directamente a la función:
<Tree value={nodes} expandedKeys={expandedKeys} onToggle={(e) => setExpandedKeys(e.value)} dragdropScope="demo" onDragDrop={(event) => setNodes(event.value)} onContextMenu={(event) => cm.current.show(event.originalEvent)} selectionMode="single" selectionKeys={selectedKey} onSelectionChange={(e) => setSelectedKey(e.value)} onNodeClick={openFile()} />El problema con el segundo fragmento de código es que el evento se activa al cargar la página y sigue disparándose.
La primera es probablemente la forma correcta de hacerlo, ya que el evento contiene los parámetros del nodo según la documentación, pero parece que no puedo activarlo. ¿Qué estoy haciendo mal aquí?