react
文章平均质量分 58
侒然
Live and learn; It is never too old to learn; Never too late to learn; No man is so old but that he may not learn;
展开
-
create-react-app创建报错
You are running `create-react-app` 4.0.2, which is behind the latest release (4.0.3).We no longer support global installation of Create React App.Please remove any global installs with one of the following commands:- npm uninstall -g create-react-app原创 2021-03-12 22:43:39 · 461 阅读 · 1 评论 -
Mobx的准备工作
Mobx 介绍 简单, 可扩展的状态管理库 MobX 是由 Mendix,Coinbase,Facebook 开源和众多个人赞助商所赞助的 React 和 MobX 是一对强力组合,React 负责渲染应用的状态,MobX 负责管理应用状态供 React 使用 Mobx浏览器支持 MobX 5 版本运行在任何支持 ES6 proxy 的浏览器,不支持 IE11,Node.js 6 MobX 4 可以运行在任何支持 ES5 的浏览器上 MobX 4 和原创 2021-02-12 16:39:50 · 96 阅读 · 0 评论 -
mbox+react
下载 MobXnpm install mobx mobx-reactmbox工作流程MobX的基本使用1. 创建store 对象 存储默认状态02. 将store对象放在一个全局的 组件可以够的到的地方3. 让组件获取store对象中的状态 并将状态显示在组件中更正普通函数的this指向 @action.bound increment () { this.count = this.count + 1; } @action.bound decreme.原创 2021-02-12 17:01:09 · 699 阅读 · 0 评论 -
React Hooks
React Hooks 是⽤来做什么的对函数型组件进⾏增强, 让函数型组件可以存储状态, 可以拥有处理副作⽤的能⼒让开发者在不使⽤类组件的情况下, 实现相同的功能.类组件的不足缺少逻辑复⽤机制为了复⽤逻辑增加⽆实际渲染效果的组件,增加了组件层级 显示⼗分臃肿增加了调试的难度以及运⾏效率的降低类组件经常会变得很复杂难以维护将⼀组相⼲的业务逻辑拆分到了多个⽣命周期函数中在⼀个⽣命周期函数内存在多个不相⼲的业务逻辑类成员方法不能保证this指向的正确性Hooks使用Ho原创 2021-02-17 17:03:52 · 89 阅读 · 0 评论 -
Chakra-UI 学习笔记
chakra-ui介绍Chakra UI 是⼀个简单的, 模块化的易于理解的 UI 组件库. 提供了丰富的构建 React 应⽤所需的UI组件.⽂档: https://next.chakra-ui.com/docs/getting-startedChakra UI 内置 Emotion,是 CSS-IN-JS 解决⽅案的集⼤成者基于 Styled-Systems https://styled-system.com/⽀持开箱即⽤的主题功能默认⽀持⽩天和⿊夜两种模式拥有⼤量功能原创 2021-02-19 11:41:24 · 739 阅读 · 0 评论 -
Fomik
Fomik增强表单处理能力, 简化表单处理流程npm install formik使用formik进行表单数据绑定以及表单提交处理import { useFormik } from 'formik';function App() { const formik = useFormik({ initialValues: { username: '张三', password: '123456'}, onSubmit: (values) => { console原创 2021-02-17 22:44:16 · 201 阅读 · 0 评论 -
CSS-IN-JS
为什么会有 CSS-IN-JSCSS-IN-JS 是 WEB 项⽬中将 CSS 代码捆绑在 JavaScript 代码中的解决⽅案.这种⽅案旨在解决 CSS 的局限性, 例如缺乏动态功能, 作⽤域和可移植性.CSS-IN-JS ⽅案的优点让 CSS 代码拥有独⽴的作⽤域, 阻⽌ CSS 代码泄露到组件外部, 防⽌样式冲突让组件更具可移植性, 实现开箱即⽤, 轻松创建松耦合的应⽤程序让组件更具可重⽤性, 只需编写⼀次即可, 可以在任何地⽅运⾏. 不仅可以在同⼀应⽤程序中重⽤组件, ⽽且原创 2021-02-18 14:35:49 · 253 阅读 · 0 评论