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);
}

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

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

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

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

Задание

Объект с одним полем

Объектный тип описывает форму объекта: какие в нём поля и какого типа значения в этих полях. Записывается он почти так же, как сам объект, только вместо значений стоят типы:

type Point = {
  x: number;
};

В файле задания объект уже есть, а типа у него фактически нет:


export type User = any;

export const me: User = {
    name: "Макс"
};

any отключает проверку. Компилятор не будет против, если в me окажется пустой объект, число или объект с полем nane вместо name: опечатку никто не поймает. Объектный тип нужен как раз для того, чтобы такие вещи ловились на этапе компиляции.

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

Задание

Опиши тип User так, чтобы он описывал объект с единственным полем name, в котором лежит строка. Сам объект me менять не нужно.