[Flow] Declare types for application

最新推荐文章于 2025-08-12 14:37:12 发布

weixin_30409849

最新推荐文章于 2025-08-12 14:37:12 发布

阅读量51

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/Answer1215/p/6479413.html

本文介绍了如何使用InFlow进行全局类型声明，包括变量、函数及接口的声明方式，并展示了如何在React组件中应用这些全局类型。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

In Flow, you can make global declarion about types.

Run:

flow init

It will generate .flowconfig file, open it and add few lines of configration.

[libs]
decls/

[ignore]
.*/node_modules/.*

So it says that go to find 'decls' folders and use what has been defined as global type checking.

Declear a variable:

declare type PetAction = 'adopt' | 'foster';

Declear a function:

declare type PetShelterDispatch = (x: PetShelterActions) => void;

Declear an interface:

declare type Pet = {
    name: string;
    id: number;
    from: string;
    type: PetType;
    locationId: number;
    action?: PetAction;
};

All those will be global available for React components.

So you can use those, for example:

// @flow
module.exports = ([
    {
        type: 'dog',
        name: 'Snoopy',
        from: 'Charlie',
        locationId: 0,
        id: 0
    },
    {
        type: 'cat',
        name: 'Garfield',
        from: 'John',
        locationId: 0,
        id: 1
    }
]: Array<Pet>);

It is also good to declear type for "state", 'props':

// @flow

const React = require('react');

type ModalProps = {
    dispatch: PetShelterDispatch;
    pet: Pet;
};
type ModalState = {
    inquiry: ?PetInquiry;
};

class PetModal extends React.Component {

    props: ModalProps;
    state: ModalState;
    onSubmitClick: () => void;

    ....