رد فعل الحكام

رد فعل لدعمالمرجع ملكية خاصة جدا،ويمكنك استخدامها لربط تقديم () على أي عنصر من عناصر الانتاج.

هذا العقار خاصة تسمح لك مرجع تقديم () بإرجاع مثيل (مثيل دعم) دعم المقابل. وهذا يضمن أنه في أي وقت هو دائما للحصول على سبيل المثال الصحيح.

استعمال

ملزمة سمة المرجع لتقديم قيمة الإرجاع:

<input ref="myInput" />

في أمثلة التعليمات البرمجية الأخرى للحصول على الدعم من خلال this.refs:

var input = this.refs.myInput;
var inputValue = input.value;
var inputRect = input.getBoundingClientRect();

مثال كامل

يمكنك الحصول باستخدام هذا التيار تتفاعل التجمع، أو استخدام المرجع للحصول على عنصر إشارة، والأمثلة على النحو التالي:

var MyComponent = React.createClass({
  handleClick: function() {
    // 使用原生的 DOM API 获取焦点
    this.refs.myInput.focus();
  },
  render: function() {
    //  当组件插入到 DOM 后，ref 属性添加一个组件的引用于到 this.refs
    return (
      <div>
        <input type="text" ref="myInput" />
        <input
          type="button"
          value="点我输入框获取焦点"
          onClick={this.handleClick}
        />
      </div>
    );
  }
});

ReactDOM.render(
  <MyComponent />,
  document.getElementById('example')
);

محاولة »

سبيل المثال، فإننا نحصل على الإشارة إلى مثال على دعم مربع الإدخال، انقر فوق الزر لدخول الفرعي الإطار يحصل على التركيز.

يمكننا أيضا استخدام getDOMNode () طريقة للحصول على عنصر DOM