react ref 属性

来源:互联网 发布:jsp如何引入java类 编辑:程序博客网 时间:2024/05/17 09:04
  • React 支持一种非常特殊的属性 Ref ,你可以用来绑定到 render() 输出的任何组件上。
  • 这个特殊的属性允许你引用 render() 返回的相应的支撑实例。
  • 例如:
//在MyComponent组件中使用ref很方便的获取dom节点,进行相关操作。var MyComponent = React.createClass({  handleClick: function() {    // 使用this.refs获得input dom节点的引用,并使input获得焦点    this.refs.myInput.focus();  },  render: function() {    //当组件插入到DOM后,ref属性添加render返回的实例的引用于到 this.refs    return (      <div>        <input type="text" ref="myInput" />        <input          type="button"          value="点我输入框获取焦点"          onClick={this.handleClick}        />      </div>    );  }});
原创粉丝点击