React: ReactElements에서 원본 HTMLElement를 얻는 방법

에 만든 2015년 05월 18일 · 3코멘트 · 출처: facebook/react

안녕하세요, ReactElement에서 원본 HTMLElement를 얻는 방법을 모르겠습니다. ReactComponent의 getDOMNode()처럼?

출처

huxiaoqi567

가장 유용한 댓글

ReactElement는 React.render 를 사용하여 DOM에 마운트할 때까지 DOM 노드에 해당하지 않습니다.

var element = <ScrollView><Text>hello</Text></ScrollView>;
var component = React.render(element, container);
var node = React.findDOMNode(component);

sophiebits 에 2015년 05월 20일

👍7

모든 3 댓글

요소는 HTML 요소에 대한 지식이 없는 경량 개체입니다. 나는 당신이 묻는 것이 정확히 무엇인지 또는 왜 그것을 필요로하는지 잘 모르겠지만 "div"를 얻으려는 경우

.type에 액세스할 수 있습니다.

var el = <div />;
console.log(el.type); // "div"

zpao 에 2015년 05월 18일

👎9

이와 같이 <ScrollView><Text>hello</Text></ScrollView> , "ScrollView.children"은 [ReactElement]를 반환합니다.
하지만 ReactElement로 실제 HTMLElementNode를 얻을 수 없습니다. <Text> 노드의 getComputedStyle을 원하기 때문입니다.

huxiaoqi567 에 2015년 05월 20일

ReactElement는 React.render 를 사용하여 DOM에 마운트할 때까지 DOM 노드에 해당하지 않습니다.

var element = <ScrollView><Text>hello</Text></ScrollView>;
var component = React.render(element, container);
var node = React.findDOMNode(component);

sophiebits 에 2015년 05월 20일

👍7

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

관련 문제

cloneElement와 함께 제공되는 필수 소품은 여전히 콘솔에 경고를 표시합니다.

tleunen · 3코멘트

componentDidMount의 요소를 한 번에 다시 렌더링합니다. 오류: null의 'rootID' 속성을 읽을 수 없습니다.

h1orz · 3코멘트

예정된 DOM 기술 업그레이드 추적

jimfb · 3코멘트

ES6 구문에서 bind와 함께 사용되는 이벤트 리스너를 제거 하시겠습니까?

UnbearableBear · 3코멘트

경고: "같은 키를 가진 두 자녀를 만났습니다"

kocokolo · 3코멘트