React获取DOM节点

最新推荐文章于 2023-10-29 23:27:56 发布

采精小蝴蝶

最新推荐文章于 2023-10-29 23:27:56 发布

阅读量669

点赞数

本文链接：https://blog.csdn.net/jrrfgj/article/details/84138226

版权

分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.csdn.net/jiangjunshow

也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！

1、问题背景

利用React获取DOM节点，需要利用ref属性

2、实现源码

<!DOCTYPE html><html> <head>  <meta charset="UTF-8">  <title>React获取DOM节点</title>  <script type="text/javascript" src="../js/react.js" ></script>  <script type="text/javascript" src="../js/react-dom.js" ></script>  <script type="text/javascript" src="../js/browser.min.js" ></script>  <script type="text/babel">   var Cat = React.createClass({    cutClick:function(){     this.refs.person.focus();    },    render:function(){     return (      <div>       <input type="text" ref="person" />       <input type="button" value="查询" onclick="{this.cutClick}" />      </div>     )    }   });      ReactDOM.render(    <Cat />,    document.getElementById("catQuery")   );  </script> </head> <body>  <div id="catQuery"></div> </body></html>