Встречается на собеседованиях • сегодня
Как создать ref в классовом компоненте в React
В классовом компоненте можно создать `ref` с помощью `React.createRef()` или колбэк-рефа.
**1. Используя `React.createRef()`:**
```jsx
class MyComponent extends React.Component {
constructor(props) {
super(props);
this.myRef = React.createRef();
}
componentDidMount() {
console.log(this.myRef.current); // Доступ к DOM-элементу
}
render() {
return
Пример с createRef
;
}
}
```
**2. Колбэк-реф:**
```jsx
class MyComponent extends React.Component {
constructor(props) {
super(props);
this.myRef = null;
this.setRef = (element) => {
this.myRef = element;
};
}
componentDidMount() {
console.log(this.myRef); // Доступ к DOM-элементу
}
render() {
return Пример с колбэк-рефом
;
}
}
```
`createRef` — современный и рекомендуемый способ, колбэк-рефы полезны для более сложных сценариев.
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы