shabby申-CSDN博客

原创 react-复习（4）受控组件非受控组件和ref的使用

React的受控组件与非受控组件的概念是相对于表单而言，如果一个 input 表单元素的值是由 React 控制，就其称为受控组件。非受控组件就像是运行在 React 体系之外的表单元素，当用户将数据输入到表单字段（例如 input，dropdown 等）时，React 不需要做任何事情就可以映射更新后的信息。然而，这也意味着，你无法强制给这个表单字段设置一个特定值。受控组件比如我们常用利用onChange事件保存用户输入的信息，就是一个受控组件：constructor() { super.

2020-05-29 18:34:58 476

原创 react-复习（3）Context&Portals的用法

ContextContext的用法类似redux中将store注射到全局中，以便其包裹的组件可以使用其储存的数据方法。我们常用其做国际化和全局的主题颜色等，但并不用于发布订阅和状态的管理。Context的用法我们先在一个文件中使用react的createContext创建一个context，参数为默认的context值，如果使用到context却没有被Provider包裹时，取到的context值就是这个默认值。import React from "react";export const my

2020-05-29 00:09:53 251

原创 react-复习（2）组件的生命周期

挂载阶段当组件实例被创建并插入 DOM 中时，其生命周期调用顺序如下：constructor对组件进行初始化，设置state。如果定义state可以不写constructor，组件会隐式创建这个方法如果写了，就一定要写super()，此时组件才有自己的this，在组件的全局中都可以使用this关键字，否则如果只是constructor 而不执行 super() 那么以后的this都是错的如果在constructor生命周期中没有用到props,可以不用写成super(props)stati

2020-05-27 18:18:05 129

原创 react-复习（1）setState到底是异步还是同步?

先给出答案：有时是同步，有时是异步。setState在合成事件和生命周期函数里是异步的，在原生事件和setTimeout里是同步的一、合成事件和生命周期函数里是异步的我们可以看一个????：export default class App extends React.Component { constructor() { super(); this.state = { count: 0, }; } render() { const { cou

2020-05-26 23:17:24 860

原创 create-react+app --typescript配置less以及immer数据流

这个例子的模板的三元大佬写的小册，之前用js写过了一遍，最近在看ts，就试着写了一个推荐页面。demo地址一、初始化项目配置less首先使用React的官方脚手架创建项目npx create-react-app demo --typescriptcd demonpm run eject //将webpack，babel等相关配置的封装弹射出来，注意此操作不可逆在config文件夹中打开webpack.config.js文件，在此文件里面，getStyleLoaders函数接受两个参数，第一.

2020-05-22 17:54:40 616

原创 React踩坑日记（1）- 箭头函数后面的大括号带还是不带呢？

一、用箭头函数写了一个遍历组件的方法今天copy的时候发现了一个问题，代码如下：/** * @Description: * @param {e} 数组 * @param {Panel} const { Panel } = Collapse; antd的折叠面板组件 */showPanel = e => { e.length > 0 ? ( e.map(ite...

2020-02-15 21:44:12 1111

原创用react实现对评论的点赞和举报

一、应实现的效果所有评论是一个数组，通过获取所有评论的接口获取。遍历得到的评论，其中点赞按钮：第一次点击向后台发送该评论的key和true，为点赞，第二次点击向后台发送该评论的key和false，为取消点赞。举报按钮，每个评论只能举报一次，举报成功后，该评论的举报按钮为禁用状态。点赞后的数据可以在界面中实时刷新。二、遇到的问题由于后台不能跟用户表进行关联，因此不能给我一个该帖子是否被某用户点...

2020-02-11 17:07:40 1345

weixin_44197562的博客