Languages
[Edit]
PL

React - jak pobrać referencję do elementu input

0 points
Created by:
Dirask JS Member
3430

W tym artykule chcielibyśmy pokazać, jak uzyskać referencję do elementu wejściowego w Reakcie.

W poniższym przykładzie tworzymy referencję za pomocą hooka React.useRef, następnie przypisujemy ją do właściwości ref elementu input.

Teraz, aby uzyskać dostęp do referencji elementu DOM, możemy użyć właściwości inputRef.current, a dostęp do wartości jaka się tam aktualnie znajduje uzyskamy dzięki inputRef.current.value.

// ONLINE-RUNNER:browser;

// Uwaga: Odkomentuj poniższe linijki podczas pracy z kompilatorem JSX:
// import React from 'react';
// import ReactDOM from 'react-dom';

const App = () => {
  const inputRef = React.useRef();
  return (
    <div>
      <input defaultValue="Przykładowy tekst..." ref={inputRef}></input>
      <button onClick={() => { console.log(inputRef.current); }}>Sprawdź referencję</button>
      <button onClick={() => { console.log(inputRef.current.value); }}>Sprawdź wartość</button>
    </div>
  );
}

const root = document.querySelector('#root');
ReactDOM.render(<App />, root);

ReactJS (PL)

React - jak pobrać referencję do elementu input
Native Advertising
🚀
Get your tech brand or product in front of software developers.
For more information Contact us
Dirask - we help you to
solve coding problems.
Ask question.

❤️💻 🙂

Join