Talk is cheap, show me the code!

前言函数式组件是React 16.8的新功能，可以让你不写class就使用React的特性。函数式组件的优势在于是无状态组件，根据接收的参数进行渲染，之前我们使用mobx也是为了让class component变得纯净。同时，函数式组件就没有类组件生命周期的概念了，因此在渲染过程中可以减少一些子组件的渲染。这篇文章简单讲了一下两者的区别。我这篇文章主要会讲怎么样将class component改写成functional component。涉及的内容还是React、mobx。当然一些重复的东西我这边就

基本组件已经完成了，但还是缺少一些交互。原有的交互式用state控制，然后会重新调用render渲染。使用MobX后相当于将state的一些信息存储到store中，由store统一管理。store在src文件夹下，再创建一个文件PageStore.ts。export class PageStore {}先放个空的出来。那如何使用store呢？我的理解，store最关键的作用是取代状态提升。所以使用store最简单的方式，就是在交互的最上层引入store，只要在最上层引入store，所有子组

预期目标我自己随便写了一些mock data，格式是json:[ {"Name": "Tom", "Team": "Tom & Jerry", "Sex": "male"}, {"Name": "Lei Li", "Team": "English Learning", "Sex": "male"}, {"Name": "Meimei Han", "Team": "English Learning", "Sex": "female"}, {"Name": "Jerry", "Tea

写给谁看的最近因为最近项目上有需要用到React进行前端的开发，同时使用TypeScript进行开发，借着最近看的东西还比较多，整理一下相关的技术。网上用TypeScript开发React的教程还不是很多，我写这篇博文的目的首先是为自己做个笔记，如果能帮助到大家那最好不过了。建议是已经阅读过一些官方资料的小伙伴，通过我这个快速入门，能够更好地使用TypeScript和React。我可能不会花时间介绍的特别细节，除非是一些我有自己理解的部分。如果是完全的初学者，建议先看React官方文档的核心概念，那个