react-dnd

1열

1답변

나는 react-dnd documentation을 따르는 반응 dnd 프로젝트를 진행하고 있습니다. 모든 것이 제대로 작동하지만 드래그하는 동안 스크롤 할 수 없습니다. 항목을 드래그 할 때 스크롤 막대가 필요하고 마지막으로 이동 가능한 소스에 도달하면 자동 스크롤되어 항목을 그 위에 놓을 수 있습니다. 누구든지이 작업을 수행하는 방법을 알고 있다면 나와

1열

1답변

React 드래그 앤 소프 후 PUT 요청을 내림

정렬 할 항목 테이블을 필요로하는 응용 프로그램을 작성하고 정렬에 따라 orderNumber를 변경합니다. 나는 sort-ordering의 기능을 처리하기 위해 react-dnd라는 라이브러리를 설치하고 활용했으며, 지금까지 훌륭하게 작동했다. 임피던스 문제는 업데이트입니다. 사용자가 항목 중 하나를 이동하면 API에 PUT 요청을 보내고 orderNumb

0열

1답변

소재 ID 카드로 Dnd를 응답

내 React 웹 앱에 두 개의 열이 있습니다. 나는 한 칼럼에서 다른 칼럼으로 카드를 드래그하고자하는 draggable material UI 카드 (첫 번째 칼럼에서) 목록을 갖고 싶습니다. Material UI는 카드에 내장 된 드래그 기능을 제공하지 않습니다. 그것은 반응 dnd와 그것을 할 수 있습니까 ?? 그렇다면 어떻게?

0열

1답변

동일한 구성 요소에 대해 DragSource 및 Connect를 사용하는 방법

반응 구성 요소가 있습니다. 구성 요소에서 DragSource 및 Connect를 사용하고 싶습니다. export default connect(mapStateToProps, matchDispatchToProps)(ExpandableCard); export default DragSource(Types.CARD, cardSource, collect)(Expa

0열

1답변

React DnD가 단일 카드 대신 전체 카드 목록을 끌기

반응 프로젝트에서 반응 DnD를 사용하려고합니다. 내 렌더링 방법 나는이 render() { var isDragging = this.props.isDragging; var connectDragSource = this.props.connectDragSource; var Populate = this.props.mediaFile

0열

1답변

어떻게 이러한 카드 구성 요소가 공백을 완전히 덮을 수 있습니까?

'div'태그를 사용하지 않고이 구성 요소를 렌더링하면 UI가 올바르게 작동합니다. Hoop.js return connectDropTarget( <div className="column"> <--works fine if I take this guy out <Card > <Image src={basketball_ho

0열

2답변

드래그 앤 드롭으로 반응 테이블 열 재정렬

행과 열의 순서를 변경할 수 있어야하는 html 테이블이 있습니다. 재 배열 행 straight forward 꽤이지만 열의 셀이 같은 부모 요소를 공유하지 않기 때문에 열을 다시 정렬하는 것은 매우 어렵다. <table> <tr> <td>Col 1</td> <td>Col 2</td> </tr> <tr>

1열

1답변

ReactDnD 정렬 요소가 드래그 할 때 업데이트되지 않음

안녕하세요. code을 따라이 코드를 example과 유사하게 만들었습니다. 내 구성 요소가 예상대로 작동합니다 (끌어서 놓을 때 올바르게 정렬됩니다.)하지만 카드를 끌 때 불투명도 0은 ReactDnD 예제에서와 같이 작동하는 "느낌"을 위해 끌기 요소를 따라야합니다. "키 속성에 연결되어 있어야합니다이 경우 1 .- : 는 work 내 코드 var Re

3열

1답변

React DND typescript support

일부 사용자는 Typescript 지원으로이 라이브러리를 사용하고 있음을 언급했지만 어떤 문서도 찾을 수 없으며 독자적으로 작동하지 않을 수도 있습니다. typescript 2를 사용하고 있으며 기존 구성 요소를 끌 수있는 간단한 작업 예제를 만들 수 없습니다. 몇 가지 가능성을 시도했지만 DragSource (장식 자 또는 함수로)를 호출하거나 결과 구성

11열

1답변

monitor.getDropResult() return null

monitor.getDropResult()은 null을 반환합니다 (console.log로 보입니다). 위치와 함께 객체 (드래그 된 항목)를 반환해야합니다. 왜 null을 반환합니까? 당신은 DropTarget에 작성하고 드롭을 정의 할 필요가 import React, { PropTypes } from 'react'; import { DragSource