![](https://img-blog.csdnimg.cn/ff1185fbf9f84d99bc5f1a0dc70f68ad.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
React.js
前端框架
Yu-ta
A to i,until I e
展开
-
React.js(函数式组件)
一般,在一个文件中,我们应该只写一个类组件,其他子组件最好是函数式组件,但是用 javascript 实现的函数式组件不能访问 this.ref 和 this.state ,而且也没有生命周期钩子函数,所以在 typescript 中官方还提供了 React.FC<> 来创建函数式组件,它是 typescript 中的一个泛型,这个泛型提供了: userState 实现 this.state 以及 this.setState() useEffect 实现 componentWillU原创 2020-09-09 09:44:39 · 3568 阅读 · 0 评论 -
React.js(优化项目结构——组件)
文章目录一、简介二、创建2.1 函数式组件(无状态)2.2 类组件(有状态)三、通讯3.1 逐层通讯3.1.1 父→子(推荐)3.1.2 子→父3.1.3 路由3.2 集中式管理(临时)3.2.1 Node.js Events模块3.2.2 状态管理 一、简介 组件是 React 的核心、精髓。组件有输入(props)、输出(render)以及自身状态(state) 二、创建 2.1 函数式组件(无状态) 该方式是为了创建纯展示组件,这种组件只负责根据传入的 props 来展示,不涉及到要 state原创 2020-09-08 16:54:08 · 442 阅读 · 0 评论