Question

我很反应新闻。我必须使用拖放组件添加autoscrolling功能。这就是我使用react-dnd-scrollzone的原因。使用＆＃34; https://github.com/azuqua/react-dnd-scrollzone＆＃34;中的示例时，我遇到以下错误：

＆＃39; Scrollzone＆＃39;没有定义＆＃39; ScrollingComponent＆＃39;被赋值但从未使用过

如果有人可以帮我这个，请告诉我如何在我的代码中使用它。下面的代码段显示了我使用scrollzone的几行代码。

＆＃13;

const DndComponent = DragDropContext(HTML5Backend)(ScheduleBoard);
const ScrollingComponent = withScrolling(ScheduleBoard);
const vStrength = createVerticalStrength(500);
const hStrength = createHorizontalStrength(300);

const zone = (
  <Scrollzone verticalStrength={vStrength} horizontalStrength={hStrength}/>

 
);
  
export default connect(
  mapStateToProps,
  {
    clearErrors,
    getToday,
    setPage,
    getDepartments,
    getTaskList,
    getUnscheduledTasks,
    unscheduleTask,
    putUnscheduleTask,
    rescheduleTask,
    putRescheduleTask,
    mergeTasks,
    putMergeTasks,
    unmergeTasks,
    putUnmergeTasks,
    resizeWindow,
    startLoader,
    startDeptLoader,
    unscheduledFilter,
    createReservationNote,
  }
)(DndComponent);

＆＃13;

Answer 1

您忘了按react-dnd-scrollzone文档中的定义定义ScrollZone。这是基本示例。

import withScrolling, { createVerticalStrength, createHorizontalStrength } from 'react-dnd-scrollzone';

const Scrollzone = withScrolling('ul');
const vStrength = createVerticalStrength(500);
const hStrength = createHorizontalStrength(300);

// zone will scroll when the cursor drags within
// 500px of the top/bottom and 300px of the left/right
const zone = (
  <Scrollzone verticalStrength={vStrength} horizontalStrength={hStrength}>

  </Scrollzone>
);

如何在我们的应用程序中使用react-dnd-scrollzone。

1 个答案: