react + antDesign新手进阶学习指南

基础知识点

1、react中的状态管理。

        和vue中的状态管理有些相似,只不过react中是依托于mobx的。

        举例写法：

创建store.ts
import { observable, action } from 'mobx'
export class Store {
    @observable status= 0
    @action getStatus = async () => {}
}
export default new Store()

页面中使用store
import Store from './store'
const { getStatus } = Store

2、react中的变量声明方式。

        在react中使用变量有两种方式，一种是利用store中的变量，动态改变数据，一种是利用useState。

        举例写法：

const [decreaseDis, setDecreaseDis] = useState(false)

useEffect(() => {
    setDecreaseDis（false)
}, [])