美文网首页
React Hooks

React Hooks

作者: 隔壁甜言 | 来源:发表于2023-11-08 17:17 被阅读0次

一、hooks + 函数组件

实质上就是使用函数组件+hook来实现类组件的功能;
官方期望用函数组件+hook逐步替代类组件:
为什么要替代类组件?
1、减低react的入门门槛,增加开发者数量
2、降低开发难度
3、函数式编程

二、什么是函数组件

1、函数组件就是一个函数
2、函数组件有两个参数(props、ref)
props就是绑定在组件身上的props
ref绑定,用于获取内容
3、函数组件的特点:
this为undefined
如果只使用函数组件,那么react的很多特性都不可能使用了
如:state、setState、forceUpdate、contextType、生命周期。。。
因为在类组件的这些特性都是建立在this上使用的,而函数组件没有this,则就不能使用了

interface P {}
const App = (props: P,ref: any) => {
    return <div>App</div>
}
export default App

三、hook钩子函数

react 16.8版本之后才提供了一个新的特性:Hook
Hook + 函数组件才能实现react的特性
官方提供了10个内置Hook

相关文章

  • React Hooks

    React Hooks Hooks其实就是有状态的函数式组件。 React Hooks让React的成本降低了很多...

  • react-hooks

    前置 学习面试视频 总结react hooks react-hooks react-hooks为函数组件提供了一些...

  • React Hooks

    前言 React Conf 2018 上 React 提出了关于 React Hooks 的提案,Hooks 作为...

  • 5分钟简单了解React-Hooks

    首先附上官网正文?:React Hooks Hooks are a new addition in React 1...

  • react-hooks

    react-hooks react-hooks 是react16.8以后,react新增的钩子API,目的是增加代...

  • React-hooks API介绍

    react-hooks HOOKS hooks概念在React Conf 2018被提出来,并将在未来的版本中被...

  • React Hooks 入门

    React Hooks 是 React v16.8 版本引入了全新的 API。 React Hooks 基本概念 ...

  • react hooks 源码分析 --- useState

    1. react hooks简介 react hooks 是react 16.8.0 的新增特性,它可以让你在不编...

  • React Hooks的入门简介

    什么是React Hooks? 首先React Hooks是React生态圈里的新特性,它改变了传统react的开...

  • React hooks(钩子)

    React hooks(钩子) React hooks 是React 16.8中的新增功能。它们使您无需编写类即可...

网友评论

      本文标题:React Hooks

      本文链接:https://www.haomeiwen.com/subject/shvqwdtx.html