Уменьшение количества ошибок с помощью Flow
Что такое поток?
Поток проверяет класс, решая, какой класс имеют многие переменные. Мы можем ожидать, что эта переменная является этим классом, и код будет более читабельным. Кроме того, если переменные имеют неправильный класс, Flow реагирует на это, и мы можем знать, что этот класс не подходит.
Как использовать в Редукс
Во-первых, мы должны кодировать ниже.
// @flow
Записанный файл имеет функцию Flow checker.
Во-вторых, мы должны решить, какие переменные класса должны иметь.
type Props = {
placeholder: string,
type: string,
count: number,
disabled: boolean
};
В этом случае переменные «placeholder» и «type» должны быть строковыми, «count» — числом, а disabled — «логическим».
Наконец, мы применяем функцию проверки к компоненту.
const Component = ({
placeholder,
type,
count,
disabled
}: Props) => (
<Title>Title</Title>
<FormField type={type} placeholder={placeholder} disabled={disabled} count={count} />
)
Список основных классов
Основной класс ниже.
Строка => строка
Число =› число
Массив(имеет класс) =› Массив‹число›
Массив(не имеет класса) =› Массив‹любой›
Массив(объект) =› Массив‹{…}›
Объект => {}
Function =› ( e: Event ) =› void
ReactElement => React.Element‹любой›
Событие =› SyntheticEvent‹T›
