React-dnd: ref의 React 16.3 createRef 유형에 대한 지원 추가

브라우저 출력은 다음과 같습니다.

    return (0, _react.cloneElement)(element, {
        ref: function ref(node) {
            newRef(node);

            if (previousRef) {
                previousRef(node); // << fails with new refs
            }
        }
    });

같은 문제입니다. 처음으로 나는 마침내 새로운 refs를 사용할 기회를 얻었고 react-dnd가 방해가 되었습니다.

장기적으로 findDOMNode를 사용하고 ref를 교체하는 전체 react-dnd 모델에 대해 잘 모르겠습니다. React에 새로운 createRef 및 withRef가 있는 경우. 새로운 forwardRef API . 그리고 많은 API가 render props를 사용하기 시작했습니다.

그러나 지금은 previousRef가 current 속성을 가진 객체인지 확인하고 이를 함수로 호출하는 대신 설정하는 것으로 충분해야 합니다.

아직 createRef()를 사용하면서 이에 대한 해결책이 있는 사람이 있습니까?

나중에 자세히 알아볼 수 있지만 여기에서 원하는 것을 보여주는 샌드박스가 좋습니다.

나도 같은 문제에 직면하고 있습니다.
@darthtrevino https://codesandbox.io/s/733onvqwl6 아마도 이 샌드박스가 도움이 될 것입니다.

같은 문제입니다. 이전 콜백 참조를 사용하도록 되돌려야 합니까, 아니면 이 문제를 해결할 수 있는 방법이 있습니까?

+1
React.createRef() 및 ref.current 하면 앱이 다운되었습니다.

언제 수정되나요?

아직 수정되지 않았습니다 :/

나는 이것을 조사하기 위해 react-conf 이후에 시간을 할애할 것이다.

다른 빈 div 안에 ref div를 캡슐화하여 제안된 대로 해결 방법을 사용할 수 있었습니다.
예시:

 <div>
        <div
          style={{
            position: "relative",
            borderStyle: "dashed",
            width: 300,
            height: 200,
            position: "relative"
          }}
          ref={this.myRef}
        />
      </div>

👍 이 @darthtrevino에 대한 모든 업데이트. 업데이트를 듣는 것이 좋을 것입니다

@darthtrevino 동일한 문제가 발생했습니다. 수정 사항에 대해 ETA를 받을 수 있습니까?

내 생각에 오늘이어야합니다. 나중에 잘라낸 릴리스에 문제가 있으면 알려주십시오.