Space of React

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

0/23

Упражнение: Простой type alias — 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);
}

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

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

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

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

Задание

Простой type alias

Ключевое слово type даёт имя типу. Это не сущность рантайма: после компиляции от псевдонима не остаётся ни строчки JavaScript, он нужен только компилятору и тому, кто читает код.

В файле задания уже есть псевдоним и переменная, размеченная им:

export type Name = any;

export const myName: Name = "Макс";

Проблема в правой части. any означает «сюда можно положить что угодно»: строку, число, объект, null. С таким типом компилятор перестаёт проверять значение, и разметка теряет смысл. Сейчас Name не гарантирует ничего.

Тип строки в TypeScript пишется как string, со строчной буквы. Есть ещё String с заглавной, это тип объекта-обёртки, и в прикладном коде он почти никогда не нужен.

Про базовые типы: Everyday Types — справочник TypeScript.

Задание

Опиши псевдоним Name так, чтобы он описывал строку, а не any. Значение myName менять не нужно, оно уже размечено типом Name.