Space of React

TypeScript для начинающих

0/23

Упражнение: Массивы — TypeScript для начинающих | Max Roslow | Space of React

Counter.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
import { useState } from 'react';
 
// Счётчик кликов
export function Counter() {
  const [count, setCount] = useState(0);
 
  return (
    <button onClick={() => setCount(count + 1)}>
      Кликов: {count}
    </button>
  );
}
 
// TODO: добавьте сброс счётчика
function reset() {
  setCount(0);
}

требуется вход

Войдите, чтобы решать задание

Онлайн-редактор кода, разбор решения и отметки о прогрессе доступны после входа.

Войти Создать аккаунт — бесплатно

Задание

Массивы

Массив в TypeScript типизируется не сам по себе, а через тип элементов: важно не «здесь массив», а «здесь массив чего именно».

В задании тип массива отсутствует:

export type Names = any;

export const list: Names = ["Макс", "Аня", "Дима"];

С any в list мог бы оказаться массив чисел, объект или вообще строка. И даже если там всё-таки массив, компилятор ничего не знает про его элементы: list[0].toUpperCase() он пропустит, не проверяя, есть ли у элемента такой метод.

Для массива строк в TypeScript есть две равнозначные записи: string[] и Array<string>. Первая короче и встречается чаще, вторая пригодится, когда тип элемента длинный или сам является объединением.

Про массивы: Everyday Types: Arrays — справочник TypeScript.

Задание

Опиши тип Names так, чтобы он описывал массив строк. Значение list менять не нужно.