Başvuru Dokümanı

createRef()

Bir içinde bir bildirmek için createRef çağrısı yapın

Parametreler

createRef hiçbir parametre almaz.

Returns

createRef tek bir özelliğe sahip bir nesne döndürür:

  • current: Başlangıçta null olarak ayarlanır. Daha sonra başka bir şeye ayarlayabilirsiniz. Ref nesnesini React’e bir JSX düğümüne ref niteliği olarak iletirseniz, React onun current özelliğini ayarlayacaktır.

Uyarılar

  • createRef her zaman farklı bir nesne döndürür. Bu, { current: null } yazmaya eşdeğerdir.
  • Bir fonksiyon bileşeninde, muhtemelen bunun yerine her zaman aynı nesneyi döndüren istersiniz.
  • const ref = useRef() ifadesi const [ref, _] = useState(() => createRef(null)) ifadesine eşdeğerdir.

Kullanım

Bir sınıf bileşeninde ref bildirme

Bir içinde bir ref bildirmek için createRef çağrısı yapın ve sonucunu bir sınıf alanına atayın:

Şimdi JSX’inizdeki bir <input> öğesine ref={this.inputRef} iletirseniz, React this.inputRef.current öğesini girdi DOM node’u ile dolduracaktır. Örneğin, girişi odaklayan bir node’u şu şekilde yapabilirsiniz:

Alternatifler

createRef ile bir sınıftan useRef ile bir fonksiyona geçiş

Yeni kodda yerine fonksiyon bileşenlerinin kullanılmasını öneriyoruz. Eğer createRef kullanan bazı mevcut sınıf bileşenleriniz varsa, bunları nasıl dönüştürebileceğiniz aşağıda açıklanmıştır. Bu orijinal koddur:

createRef çağrılarını çağrılarıyla değiştirin