这里有新鲜出炉的 React.JS 教程,程序狗速度看过来!
React.js 是 Facebook 推出的一个用来构建用户界面的 JavaScript 库。
下面小编就为大家带来一篇 react.js 获取真实的 DOM 节点实例 (必看)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
为了获取真实的 dom 节点,文本输入框必须有一个 ref 属性,然后 this.refs.[refName] 就会返回这个真实的 DOM 节点。
- var MyComponent = React.createClass({
- handleClick: function() {
- this.refs.myTextInput.focus();
- },
- render: function() {
- return (
- <div>
- <input type="text" ref="myTextInput" />
- <input type="button" value="Focus the text input" onClick={this.handleClick} />
- </div>
- );
- }
- });
- ReactDOM.render(
- <MyComponent />,
- document.getElementById('example')
- );
以上这篇 react.js 获取真实的 DOM 节点实例 (必看) 就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持 phperz。
来源: http://www.phperz.com/article/17/0615/334025.html