小编sna*_*nag的帖子

如何在react-beautiful-dnd中禁用一项的可拖动属性

我正在使用打字稿react-beautiful-dnd将项目从一个容器拖放到另一个容器,反之亦然。在一个容器中有用户名,而其他容器只有一个名为“未分配”的名称。以下是数据外观。

import React, { useState } from 'react';
import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
import { v4 } from 'uuid';

const itemsFromBackend = [
  { id: v4(), content: 'First Task' },
  { id: v4(), content: 'Second Task' },
  { id: v4(), content: 'third Task' },
  { id: v4(), content: 'fourth Task' },
  { id: v4(), content: 'fifth Task' },
  { id: v4(), content: 'sixth Task' },
  { id: v4(), content: 'seven Task' },
];

const columnsFromBackend = 
{ …
Run Code Online (Sandbox Code Playgroud)

typescript reactjs react-beautiful-dnd

6
推荐指数
1
解决办法
1万
查看次数

标签 统计

react-beautiful-dnd ×1

reactjs ×1

typescript ×1