剧场模式
首页前端ReactReact 进阶提高 - 技巧篇 - React Hook - 第 2 季

React 进阶提高 - 技巧篇 - 第 2 季 #1 React 16.7.0 新特性 State Hook - 有讲到如何升级到新版本

海外散仙厉飞雨 · 化神发布于
3

https://reactjs.org/docs/hooks-intro.html

https://www.npmjs.com/package/react

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment#Array_destructuring

https://github.com/rehooks/awesome-react-hooks

https://github.com/streamich/react-use

改写前

src/App.js

import React, { Component } from 'react';

class App extends React.Component {
  state = {
    count: 0
  }

  componentDidMount() {
    document.title = `You clicked ${this.state.count} times`;
  }

  componentDidUpdate() {
    document.title = `You clicked ${this.state.count} times`;
  }

  render() {
    return (
      <div>
        <p>You clicked {this.state.count} times</p>
        <button onClick={() => this.setState({ count: this.state.count + 1 })}>
          Click me
        </button>
      </div>
    );
  }
}

export default App;

改写后

src/App.js

import React, { useState } from 'react';

const App = (props) => {
  const [count, setCount] = useState(0)

  // componentDidMount() {
  //   document.title = `You clicked ${this.state.count} times`;
  // }
  //
  // componentDidUpdate() {
  //   document.title = `You clicked ${this.state.count} times`;
  // }

  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>
        Click me
      </button>
    </div>
  );
}

export default App;
6 条回复
小程序(beta)抖音服务号订阅号
随机课程
诱人的 react 视频教程-基础篇

诱人的 react 视频教程-基础篇

14 个视频1 小时 40 分钟入门

全部免费

前端React已完结

课程目录

FreeReact 进阶提高 - 技巧篇 - 第 2 季 #1 React 16.7.0 新特性 State Hook - 有讲到如何升级到新版本

2FreeReact 进阶提高 - 技巧篇 - 第 2 季 #2 React 16.7.0 新特性 Effect Hook

3FreeReact 进阶提高 - 技巧篇 - 第 2 季 #3 React 16.7.0 新特性 - 两个实例应用来实践 State Hook 和 Effect Hook

4ProReact 进阶提高 - 技巧篇 - 第 2 季 #4 使用 React Hook 来实现 TodoList - 写自定义的 Hook

5ProReact 进阶提高 - 技巧篇 - 第 2 季 #5 使用 React Hook 来实现 TodoList (complete)

6ProReact 进阶提高 - 技巧篇 - 第 2 季 #6 通过跳过 React Hook Effect 来优化性能

7ProReact 进阶提高 - 技巧篇 - 第 2 季 #7 使用 React Hooks useEffect 发送 ajax 请求获取数据全攻略

8ProReact 进阶提高 - 技巧篇 - 第 2 季 #8 使用 React Hooks useEffect 改造代码- 实践篇

9ProReact 进阶提高 - 技巧篇 - 第 2 季 #9 React Hook 的规则 - 实例演练

10ProReact 进阶提高 - 技巧篇 - 第 2 季 #10 React Hooks useEffect 中的 componentWillUnmount - 实例演练

11ProReact 进阶提高 - 技巧篇 - 第 2 季 #11 什么是 React.memo

12ProReact 进阶提高 - 技巧篇 - 第 2 季 #12 性能提升之 React.memo、useCallback、useReducer part 1

13ProReact 进阶提高 - 技巧篇 - 第 2 季 #13 性能提升之 React.memo、useCallback、useReducer part 2

14ProReact 进阶提高 - 技巧篇 - 第 2 季 #14 性能提升之 React.memo、useCallback、useReducer part 3

15ProReact 进阶提高 - 技巧篇 - 第 2 季 #15 使用 immer 和 Reducer 结合 React Hook - Redux 不结合使用 immer 会后悔

16ProReact 进阶提高 - 技巧篇 - 第 2 季 #16 React Hooks useContext

17ProReact 进阶提高 - 技巧篇 - 第 2 季 #17 setState 深度解析

18ProReact 进阶提高 - 技巧篇 - 第 2 季 #18 React v16.6.0 新特性 static contextType(完结)- 下套第三季

学员
highcker · 太乙志涛 · 真仙zhuofan · 大罗729902288 · 太乙阿白 · 道祖boguan · 真仙j921216063 · 道祖LeoTang · 元婴wangyinwei1 · 真仙kuckboy1994 · 太乙nickiwen · 真仙姜州 · 元婴yinzhuoya · 大罗云 · 太乙与UIuoi89898 · 道祖mfkyddh · 金仙React-小白 · 合体448022914 · 元婴生活~ · 合体兀 · 合体阳光才是真美 · 合体yuhsu1004 · 真仙itMyron · 道祖ZuhuaLiu · 元婴shishihou · 道祖kongcheng · 金仙这家伙真懒丶 · 真仙阿震 · 真仙阿飞 · 合体no_heart · 合体刘猛 · 金仙liar · 真仙粽子 · 合体Chius · 元婴pst123 · 大乘sunlee · 合体Gary guo · 合体Ming · 真仙D3xian · 合体Geassu · 道祖FastTurbo · 道祖韦威 · 真仙KaierChou · 太乙chenyiliunian · 元婴hanruiying · 道祖我是周杰伦 · 元婴MITTY · 太乙Chengma999 · 道祖范龙 · 元婴lolotang · 元婴wiseach · 元婴| · 合体C.L. · 元婴beibei0829 · 道祖leishihong · 元婴xll · 道祖jianglinhub · 大乘crystal0579 · 太乙肥啤啤 · 合体CunFlower · 合体Max · 合体netNowork · 大乘钟声 · 道祖小猪佩奇 · 真仙chj_R · 道祖chrisliume · 太乙xiao_ran · 太乙肉乎乎的小芋头 · 金仙wanglinjiang · 道祖wjm0913 · 道祖guxiaobai · 道祖聚散流沙 · 元婴无为 · 元婴twoheart · 大罗钟林 · 元婴天灾之主奥义巫师 · 元婴sanfire86626 · 太乙tonyjiafan · 大乘ttswh2009 · 太乙徐潇宇 · 合体iosLongFeng · 金仙心之所向,无力阻挡 · 真仙KumoIs · 合体奋斗的蜗牛 · 元婴Super-Ps · 合体bafvhxk03 · 太乙itlaowang520 · 金仙zhangtao · 合体qianduan · 元婴薄情人 · 道祖xuezh · 大罗underlineMY · 元婴Messi-Q · 元婴charies · 元婴azqazq1234 · 金仙13198178383 · 合体wangzhe123 · 大罗
最新动态
highcker · 太乙学习到了12:38
志涛 · 真仙学习到了7:06
zhuofan · 大罗学习到了0:00
729902288 · 太乙学习到了0:00
阿白 · 道祖学习到了12:00
统计信息
    学员: 14363
    视频数量: 824
    帖子数量: 418

© 汕尾市求知科技有限公司 | 粤ICP备19038915号 | 在线学员:102

Top