Tag: REACT-DND
Aquí estoy intentando asignar un ref de arrastrar de React dnd a un ref existente, pero no está sucediendo, ¿alguien puede ayudarme, por favor? const refs = useRef<(HTMLDivElement | null)[][]>([]); const [{ isDragging }, drag] = useDrag(() => ({ type: ItemType.item, collect: (monitor) => ({ isDragging: !!monitor.isDragging(), }), })); for . . . Read more
Estoy tratando de crear una aplicación de tareas pendientes con la funcionalidad de arrastrar y soltar elementos. Estoy utilizando React DND y hasta ahora todo funcionaba bien, pero cuando se agrega un nuevo elemento a la lista, me di cuenta de que la función llamada dentro del método “drop” en . . . Read more
Estoy intentando hacer que una tabla de árbol sea reordenable mediante arrastrar y soltar. Aquí está la representación visual para una mejor comprensión: También estoy usando React-DnD. Aquí hay parte de mi código: const moveRow = useCallback( (record: StructureElement) => (dragIndex, hoverIndex) => { // console.log(record.name, dragIndex, hoverIndex); const dragRow . . . Read more
Estoy trabajando en una herramienta para construir páginas en mi producto, y estoy utilizando react-dnd para lograr lo que necesito. Hasta ahora he conseguido la funcionalidad básica de arrastrar y soltar, y puedo agregar un solo elemento a mi página, pero estoy teniendo un problema. Cuando arrastro un nuevo elemento . . . Read more
Ediciones >>> Edición::Creé un ejemplo en git para mayor claridad https://github.com/suityou01/wgas EdiciónEdit::Posible duplicado de esta pregunta sin respuesta hace 12 meses https://stackoverflow.com/questions/65428503/is-there-a-way-to-share-react-context-between-packages EdiciónEditEdit::Agregué un commit para demostrar el uso de lo que actualmente estoy llamando “React Context Provider Value Chaining” Ver la captura de pantalla a continuación Entonces esto está . . . Read more