React项目从Javascript到Typescript的迁移经验总结

实际项目里，组件的state可能会有很多值，如果按照我们上面这种方式去写会比较麻烦，所以可以考虑一下下面这个简便写法：

import React,{MouseEvent} from "react";  
interface TeachersProps{  
  user:User  
}  
const initialState = {  
  pageNo:1,  
  pageSize:20,  
  total:0,  
  teacherList:[]  
}  
type TeachersState = Readonly<typeof initialState>  
export default class Teachers extends React.PureComponent<TeachersProps,TeachersState> {  
    readonly state = initialState  
    handleClick=(e:MouseEvent<HTMLDivElement>)=>{  
        console.log(e.target);  
    }  
    //...省略部分代码  
    render(){  
        return <div onClick={this.handleClick}>点击我</div>  
    }  
}  

这种写法会简便很多代码，但是类型限制效果上明显不如第一种，所以这种方法仅仅作为参考，可根据实际情况去选择。

Ant Design丢失样式文件

当我们把项目启动起来之后，某些同学的页面可能会出现样式丢失的情况，如下：

打开控制台，我们发现Ant Design的类名都找不到对应的样式：

（编辑：晋中站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!