Sim Ei, muito tempo sem ver blog, e começar a procurar trabalho em setembro, e agora, finalmente estabilizado, não é fácil não foi fácil
O novo uso da companhia typescript + reagem desenvolver, contato próprio já teve, então, experimentou uma onda de dia escolar amargo enterrado, também gravar os seus próprios pontos de vista sobre typescript de:
Eu acho que é js typescript baseia-se no aumento dos tipos de julgamento (incluindo o tipo de variável, tipo de parâmetro, tipo de função), se o tipo de inconsistência não é permitido pelo compilador, então a vantagem é que você pode escrever um tipo de formato mais rigorosa códigos, em particular o desenvolvimento de que a montagem, tornam-se papel mais proeminente de TS;
Após uma breve começar a escrever a gramática (principalmente a escrever novamente, a consolidação da memória ----- risada envergonhada)
// 定义一个变量
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;
}A seguir, são questões sobre o desenvolvimento real:
1, às vezes para escrever um evento quando a transferência de e não sei que tipo, só pode ser um começo para escrever qualquer, encontrado mais tarde será exibido se o mouse sobre o evento correspondente no tipo vscode:
É também um pequeno dicas de barras
2, st com base no teor do componente
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> {
}3, usando this.setState ({}) tente não directamente atribuir um conjunto mais complexo ou os dados de estado para os dados no outro estado, de modo que os dois valores dentro de cada estado pode afectar, por [ ... arr] maneira de desconstruir a atribuição atribuição
4, eu tinha escrito sobre um estado para passar parâmetros, renovando o desaparecimento página do assunto não parece ter uma abordagem deste tipo em uma entrevista tempo, e agora em desenvolvimento, basicamente, obter os dados por meio de um param, e depois solicitar o back-end. Mas meu método sentimento pessoal é mais conveniente.
Chamada ~, write respiração tanto, estimulante O (∩_∩) O haha ~
