简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > JS 튜토리얼 > 본문

用react.js来获取真实的DOM节点

零下一度
풀어 주다： 2017-04-17 14:45:55
원래의
1474명이 탐색했습니다.

下面小编就为大家带来一篇react.js 获取真实的DOM节点。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

为了获取真实的dom节点，文本输入框必须有一个 ref 属性，然后 this.refs.[refName] 就会返回这个真实的 DOM 节点。

var MyComponent = React.createClass({
 handleClick: function() {
  this.refs.myTextInput.focus();
 },
 render: function() {
  return (
   

    
    
   

  );
 }
});

ReactDOM.render(
 ,
 document.getElementById('example')
);
로그인 후 복사

위 내용은 用react.js来获取真实的DOM节点의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨：
react.js，真实的DOM节点
원천：php.cn
이전 기사：react.js 的 批量添加与删除功能 다음 기사：JavaScript 函数的定义、调用以及该注意的问题
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
React-Router-dom v6을 사용하여 다양한 레이아웃/요소로 구성요소 렌더링: 어떻게 이를 달성할 수 있나요? 탐색 표시줄과 사이드바 없이 로그인 페이지를 렌더링하는 코드를 작성하는 데 문제가 있습니다. 비슷한 질문을 묻는 몇 페이지를 보았지만 현재 상황에 맞는 페이지는 ...
에서 2023-10-24 21:49:16
0
2
210
엔터티 레코드의 다시 실행 기능이 상태를 올바르게 설정하지 않습니다. 엔터티 레코드를 사용하여 마인드 매핑 응용 프로그램을 구축 중입니다. 애플리케이션의 데이터는 노드 트리이며 실행 취소/다시 실행을 통해 노드의 부모를 다시 지정할...
에서 2023-09-15 19:27:41
0
1
490
React.js를 배우기가 왜 그렇게 어려운가요? 나에게 뭐가 문제 니? 저는 React.js를 6개월 동안 배웠습니다. 배워야 할 장이 많았고 나는 길을 잃었습니다. React.js를 사용해 본 경험을 차근차근...
에서 2023-09-03 18:37:10
0
1
242
CSS-로더 종속성 피어 Webpack5 오류 해결 사실 저는 javascript를 처음 접했고 프로젝트에 vue-audio-visual을 설치하고 싶습니다. 하지만 노드 콘솔에서 이상한 오류가 발생하고 연결이 무...
에서 2023-08-28 15:36:07
0
1
228
React 흐름도: 사용자 정의 그룹화 노드를 보여주는 예 저는 ReactFlow 라이브러리에 대한 문서를 연구하고 있으며 그룹이 될 자체 노드를 생성할 수 있는 방법이 있는지 알아보고 있습니다(하위 노드 앞에 사용자 정...
에서 2023-08-25 23:52:45
0
1
242
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！