Perfree

简简单单的生活,安安静静的写博客

Ant Design自定义组件样式
今天接到一个需求,是一个表单的数据展示,看了下可以引入Ant Design来进行展示,可是样式却不太相似,可是我却不可以改变全局的样式,这样就会影响到其他的同样的组件 为了解决这个问题,我们只好单一的对其进行修改,于是就有了这篇文章了,让我们按步骤进行修改吧! 我们要实现的效果是取出边框样式以及背景
搜索栏实现联想功能
==代码仅供参考,您可以直接看小提示有大概思路就好了!== 今天遇到关于搜索栏的需求,主要有以下几个需求: 页面渲染完毕的时候,需要显示热搜 如果有搜过的记录,需要展示出来 在输入栏中搜索对应的文本,然后联想出对应的内容以便搜索 当搜索了东西,都要进行保存,下次需要显示出来 如果没有输入对应的搜索
你需要知道的Redux知识
什么是Redux Redux 是 JavaScript 状态容器, 一般用于react中, 可以存放一些数据状态, 类似于vuex, 但是它不仅仅只有react可以使用, 使用redux最主要功能是可以将一些共享的数据存放到一个store中, 你可以很方便地实现多个组件之间改变相应的数据, 熟悉 R
React基础速览
什么是JSX JSX是javascript的扩展语言, 在JSX中, 你不仅可以写 html 还可以 写 javascript 表达式 以下是简单的例子 const myName = '遥近' const template = <h1>Hello, {myName}</h1>
React高级指引
React.lazy 当我们应用比较庞大的时候, 又或者说当你当前组件的文件比较大,我们可以将组件进行赖加载, 在某些情况下, 它才会被加载使用, 这个时候 我们可以使用 React.lazy 配合 Suspense 使用 import React, { Suspense } from 'react
dva速览
什么是dva dva 使用 redux 和 redux-saga 来使你更好的操作数据流, 并且还内置了 react-router, 以及 fetch, 它可以说是一个轻量级的应用框架, 使你更加方便得编写React 代码! 初始化 要想使用dva, 我们需要创建一个dva实例 dva() // 初
React Hook速览
Hook简介 Hook 是 React 16.8 的新增特性, 它可以在函数组件中, 使用 state 以及其他的 React 特性, ==需要注意的是, 部分Hook 不能 在class 组件中使用== useState 我们可以通过使用useState 在函数组件中创建state 以及 更新 s
React通信
父传子 /* 父传子 */ const Parent = () => { return <Child name="YaoJin"></Child> } const Child = props => { return <
React生命周期
constructor 这里主要是初始化state的数据, 以及绑定一些方法 componentWillMount(已废弃) 在组件将要挂载的时候,执行, 现在这个生命周期将会在react17.x的版本中废弃, 官方更加推荐你在 componentDidMount 中进行一些副作用操作, 例如发送

标签