Languages
[Edit]
PL

React - jak pobra─ç referencj─Ö do elementu input

0 points
Created by:
Dirask JS Member
3460

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