typescriptですとの最近の発展に遭遇した問題のいくつかの内容を記録します

ちょっとええ、長い時間が何のブログを参照してください、そして9月に仕事を探し始めると、今ようやく安定し、それが簡単で容易ではないではないではありません

新会社の使用活字体+は、自分の前に持っていた接触を開発反応し、その後もの活字体に独自のビューを記録し、埋葬苦い学校の日の波を経験しました。

矛盾のタイプは、コンパイラによって許可されていない場合、私はそれの活字体のJSは(変数の型、パラメータの型、関数型を含む)の判断の種類の増加に基づいていると思う、利点は、より厳格なフォーマットタイプを記述することができるということですので、コード、そのアセンブリの特に開発、TSのより重要な役割になります。

書き込み文法(主に再び書き込むために、メモリの統合-----恥ずかしい笑)に入門簡単には、次のとおり

// 定义一个变量
const a: number = 1; // 通过在变量后增加":数据类型"来定义当前数据的类型,常用的有:(number,string,boolean,any)

// 定义一个对象  interface定义对象的格式
interface Obj {
    name: string;
    age: number;
}
const myobj:Obj = {
    name: 'mx',
    age: 24,
}

// 定义一个数组
const arr: string[] = ['m', 'x']; // 里面的项只有字符串 
const arr: (string|number)[] = ['m', 'x', 24]; // 里面的项可以有字符串和数字
const arr: Obj[]=[{ name: 'mx', age: 24 }]  //里面是满足Obj接口的对象

// 定义一个枚举,1代表在线,2代表离线
enum State = {
    inline = 1,
    outline = 2,
}
const currentState = State.inline;使用枚举

// 定义一个函数 :后面的表示返回值得类型,如果不需要返回:void
function getTotal (x: number, y: number): number {
    return x + y;
}

以下は、実際の開発についての質問です:

1は、電子の移動がどのような種類がわからないときに時々、いくつかのイベントを記述するための唯一のいずれかを書き込むための始まりであることができ、後に表示されますが見つかった場合vscodeタイプで対応するイベントの上にマウス:

 

 また、小さなバーのヒントです

 

図2に示すように、成分の文言に基づいて、TS

interface IRoleState {
    list: roleItem[],
    searchParams: ISearchParams;
    isLoading: boolean;
    isError: boolean;
}

// RouteComponentProps是react-router-dom内的一个接口,
// 当有参数需要通过params传递时RouteComponentProps改为RouteComponentProps<{id:string}>
class A extends React.Component<RouteComponentProps,IRoleState> {
    
}

this.setStateを使用して3、({})各状態内の二つの値が影響を与えることができるように、[することによって、より複雑なアレイまたは他の状態のデータに状態データを割り当てる直接しないようにしてください割り当ての割り当てを分解するために... ARR]方法

4は、私が書いたのページ消失さわやかでパラメータを渡す状態の問題は面接時には、このようなアプローチを持っていないように思われ、現在開発中で、基本的にPARAMを渡すことによって、データを取得し、その後、バックエンドを要求します。しかし、私の個人的な感情の方法がより便利です。

 

コール〜、そんなに息書き込み、刺激O(∩_∩)O笑〜

公開された47元の記事 ウォン称賛38 ビュー60000 +

おすすめ

転載: blog.csdn.net/qq8241994/article/details/102729287