随笔分类 -  React

菜鸟程序员的react TodoList练习之旅
摘要：前言 hello 大家好，我是一个菜鸟程序员，都说学习前端框架大多从 TodoList 学起，我呢，学习 react 也有一段时间了，特此做了一个 TodoList 做为自己的学习总结，顺便发个博客记录一下自己的学习，如有错漏欢迎大神在评论区指点。 环境安装 注意 第一行的 npx 不是拼写错误 — 阅读全文
posted @ 2020-08-26 10:42 前端小菜鸟吖 阅读(406) 评论(1) 推荐(0)
react-router-cache-router
摘要：转载 官方文档：https://github.com/CJY0208/react-router-cache-route/blob/master/README_CN.md CacheRoute 搭配 react-router 工作的、带缓存功能的路由组件，类似于 Vue 中的 keep-alive 功 阅读全文
posted @ 2019-07-25 21:06 前端小菜鸟吖 阅读(5114) 评论(0) 推荐(1)
浅谈React 中 Component与PureComponent如何使用
摘要：当组件更新时，如果组件的props和state都没发生改变，render方法就不会触发，用 PureComponent 省去 Virtual DOM 的生成和比对过程，达到提升性能的目的。 反之如果组件的props和state经常发生改变则用Component 阅读全文
posted @ 2019-07-25 20:21 前端小菜鸟吖 阅读(1342) 评论(0) 推荐(1)
React.Fragment
摘要：引入方式 Fragments与Vue.js的<template>功能类似，可做不可见的包裹元素。 阅读全文
posted @ 2019-07-25 15:03 前端小菜鸟吖 阅读(1062) 评论(0) 推荐(0)
react 16.6 懒加载 Lazy 尝鲜
摘要：转载：https://juejin.im/post/5bd70def6fb9a05d38282c30 react 16.6 发布了新的功能 lazy ，和一个组件 Suspense 下面我们看一下他的用法 首先我们先创建两个组件 LazyTest.1 和 LazyTest.2，内容相同 然后在 Ap 阅读全文
posted @ 2019-07-25 10:56 前端小菜鸟吖 阅读(285) 评论(0) 推荐(0)
React 怎么用组件实现一个简单的todo list
摘要：Handle(添加组件) import React, { Component } from 'react'; class Handle extends Component { state = { inputVal: '' } render(){ let {inputVal} = this.state 阅读全文
posted @ 2019-07-20 16:22 前端小菜鸟吖 阅读(889) 评论(0) 推荐(0)
非父子组件传值
摘要：one 组件 two组件 App组件 style样式 阅读全文
posted @ 2019-07-20 16:14 前端小菜鸟吖 阅读(511) 评论(0) 推荐(0)
父子组件传值（子组件传递父组件）
摘要：父组件js 子组件js 父组件css 子组件css 阅读全文
posted @ 2019-07-20 16:07 前端小菜鸟吖 阅读(1459) 评论(0) 推荐(0)
父子组件传值（父组件传递子组件）
摘要：父组件js 父组件css 子组件js 子组件css 阅读全文
posted @ 2019-07-20 16:00 前端小菜鸟吖 阅读(3022) 评论(0) 推荐(0)
与Vue 相比 React 是如何实现数据双向绑定的？
摘要：1.v-model react没有实现 2.在react中数据是单向的 js >dom 3.在react中如果需要数据双向绑定，js >dom的绑定，有自己实现onChange事件 4.可以实现双向绑定的标签有input:text textarea select import React, { Co 阅读全文
posted @ 2019-07-20 15:49 前端小菜鸟吖 阅读(2015) 评论(0) 推荐(0)
与Vue相比React的指令是怎么使用？
摘要：v-text v-if v-bind class 与 style let isExist = true; v-show v-for v-on 阅读全文
posted @ 2019-07-20 15:43 前端小菜鸟吖 阅读(3202) 评论(2) 推荐(0)
怎么创建组件
摘要：1.怎么创建组件？ 2.React组件也是一个函数 阅读全文
posted @ 2019-07-20 15:10 前端小菜鸟吖 阅读(824) 评论(0) 推荐(0)
jsx语法
摘要：1.是一个 JavaScript 的语法扩展。 2.可以很好地描述 UI 应该呈现出它应有交互的本质形式。 3.JSX 可能会使人联想到模版语言，但它具有 JavaScript 的全部功能。 为什么使用 JSX？ React 认为渲染逻辑本质上与其他 UI 逻辑内在耦合，比如，在 UI 中需要绑定处 阅读全文
posted @ 2019-07-20 14:57 前端小菜鸟吖 阅读(426) 评论(0) 推荐(0)