hooks和react

你还在为该使用无状态组件（Function）还是有状态组件（Class）而烦恼吗？——拥有了hooks，你再也不需要写Class了，你的所有组件都将是Function。你还在为搞不清使用哪个生命周期钩...

西部维修坊 2022-06-05 497 #React

记 react 项目在 TypeScript 化中的一个坑，以及相应的类型改动

最近向 @types/react 提交了一个变动，改动了 useReducer 的定义，相信各位读者如果要 TypeScript 化，或者已经 TS 化的话，有可能会收到影响。通过安装 @types/...

西部维修坊 2021-12-24 334 #React

使用React Hook提高代码复用性

Hook 简介 Hook 是 React 16.8 的新增特性。是对 React 函数组件的一种扩展，通过提供一些特殊的函数，让无状态的组件拥有状态组件才拥有的能力。 没有Hook之前写组件有两种形式...

西部维修坊 2021-12-24 656 #React

React 路由

前言react-router-dom版本：5.0.1 types/react-router-dom版本：4.3.4 为什么要使用路由这是一个重要的问题，我们必须在使用之前搞清楚。这对任何技术都一样，因...

西部维修坊 2021-12-24 477 #React

三分钟教你搞定 React 项目多环境配置

在实际项目开发中，前端 er 常常会面对多个环境的接口：开发环境、测试环境、生产环境，所以项目中网络请求的 baseUrl也需要跟随这些环境来变化。但是，我们一般会使用像 create-react-a...

西部维修坊 2021-12-24 882 #React

那些你用错了的 React 生命周期

本文重点聊一下我在一些代码中常看到使用的 componentWillReceiveProps 这个生命周期。 1.componentWillReceiveProps 误区我们通常认为 componen...

西部维修坊 2021-12-24 286 #React

React 中的难点解析

JSX 和虚拟 DOM 的关系JSX 是一种语法，是一套独立的标准，由 React 引入，但不是 React 独有的，写法上类似 html ，但是有 JS 变量和表达式if...else循环style...

西部维修坊 2021-12-24 389 #React

从零开始配置React全家桶

在熟练的使用各种脚手架工具生成项目的同时，你是否还记得项目最初的样子。本文将从零开始，带领大家搭建一个React全家桶系列的项目结构，在完成功能的同时，会讲解具体每一项的配置的含义以及延伸的知识点。如...

西部维修坊 2021-12-24 279 #React