Font size
WorksheetsReact: хуки. Добавляем типизацию (TypeScript)
Total questions: 15
Worksheet time: 8mins
Какое основное преимущество TypeScript по сравнению с JavaScript?
Есть статическая типизация
Можно разрабатывать backend
Есть не только тип null, но и undefined
Разработан в Microsoft
К переменной каких типов TypeScript позволяет присвоить любое значение?
только unknown
any, unknown и undefined
только any
any и unknown
Какие типы нельзя использовать при объявлении Union Type?
number
class и interface
null
нет таких типов, все можно
Какой оператор предпочтительнее использовать при объявлении переменной?
let, так как он более универсальный и гибкий
var, так как поддерживается в старых браузерах
const, так как предотвращает повторное присвоение значения
instanceof, так как можно использовать в обычном JavaScript
В TypeScript коде объявлена переменная `let value: string | number`. Какой код НЕвалиден?
В коде есть переменная value типа `type ValueType = { prop?: number }`. Какой код валиден?
Каким типом объявлены ключи объекта типа Record<boolean, string>?
boolean
string
boolean | undefined
string | undefined
В коде объявлена переменная `const value = 42;`. Какое значение можно ей присвоить?
24
undefined
"Hello, world!"
Никакое
В коде объявлена переменная `let square = (value: number) => value * value;`. В каком из вариантов НЕвалидный код?
Чтобы в компоненте React функция вызывалась только лишь однажды, в useEffect...
Следует указать пустой массив зависимостей
Следует не указывать массив зависимостей
Должна быть как минимум одна зависимость
Необходимо передать параметр singleRun = true
Чтобы вызвать код при размонтировании компонента необходимо...
Использовать useEffect: возвращать из функции обратного вызова другую функцию
Использовать useEffect: возвращать из функции обратного вызова пустой массив
Использовать хук useReducer: возвращать из функции обратного вызова другую функцию
Использовать хук useReducer: возвращать из функции обратного вызова пустой массив
Хук useRef...
Вызывает re-render компонента при обновлении значения
Используется только для хранения ссылок на DOM-элементы
Используется для хранения констант, которые сохраняются при рендерингах компоненты
Не вызывает re-render компонента при обновлении значения
Какой prop необходимо использовать для сохранения ссылки на dom-элемент с помощью хука useRef?
reference, например, <input reference={inputRef} />
ref, например, <input ref={inputRef} />
use-ref, например, <input use-ref={inputRef} />
input-ref, например, <input input-ref={inputRef} />
Чтобы знать какой именно тип dom-элемента хранится в ref, необходимо...
Использовать generic при инициализации ref-а, например, useRef<
HTMLInputElement>(null)
Нет необходимости что-то делать, TypeScript сам сможет вывести тип элемента
Необходимо назвать переменную ref-а соответствующим образом, например, const inputRef = useRef(null)
Необходимо передать второй аргумент – название dom-элемента, например, useRef(null, ‘HTMLInputElement’)
Что из перечисленного можно использовать внутри кастомных хуков?
Только хук useState и useEffect
Только хук useRef
Все хуки кроме кастомных хуков
Любые хуки
