我有一个持久抽屉,其中包含一个可拖动项目的可放置列表。该功能是存在的,但是当拖动项目时,被拖动的项目不会显示。我可以完美地拖动项目,并且正在分配空间,包括 dnd 框架预期的动画,我只是看不到我正在拖动的内容。如果我将抽屉更改为永久抽屉,一切都会按预期进行。有什么建议么?
我的组件(在原型代码中):(DragDropContext 在父组件中声明)
import React from 'react';
import { Divider, Drawer, IconButton, List, ListItem, Paper,
withStyles } from 'material-ui';
import { Draggable, Droppable } from 'react-beautiful-dnd';
const styles = {
list: {
width: 250,
marginTop: 70
},
};
const getItemStyle = (isDragging, draggableStyle) => ({
// some basic styles to make the items look a bit nicer
userSelect: 'none',
padding: 8 * 2,
margin: `0 0 8px 0`,
// change background colour if dragging
background: isDragging …Run Code Online (Sandbox Code Playgroud)