创建一个app npx create-react-app my-appcd my-appnpm start 文件目录介绍 注意： node_modules包很大，一般不要随便打开，尤其是内存小的电脑 文档要看英文 介绍一个简单的react项目 入口文件： /src/index.js 1.简单介绍js ...
分类：
其他好文 时间：
2021-06-20 18:15:49
阅读次数：
0
函数组件 // /src/index.js...function Welcome (props) { return ( <div> <h3>hello function component</h3> <span>{props.data}</span> </div> )} 声明一个函数，以返回值的形式 ...
分类：
其他好文 时间：
2021-06-20 18:15:24
阅读次数：
0
react使用的越多，就会发现生命周期的参考价值越来越大 componentWillMount: 当前组件的状态和函数加载完毕，页面还没有开始渲染 componentDidMount: 组件视图渲染完毕 shouldComponentUpdate: 状态发生改变时触发，视图是否更新的狗子函数 有返回 ...
分类：
其他好文 时间：
2021-06-20 18:14:22
阅读次数：
0
通过state控制页面元素的变化，类似于vue中的data setState会引发视图的重绘 如何在项目中添加state 在类中添加一个constructor函数,然后给状态赋值。注意 super()必须执行，可以带参数也可以不带，参数为父组件传下来的props。 export default cl ...
分类：
其他好文 时间：
2021-06-20 18:12:48
阅读次数：
0
1.列表渲染 .map遍历数组。index标记元素(更新、删除和修改的时候方便快速找到对应元素-更详细解释请看官网)； 注意点： key只能用在上下文为array的情况。比如我们在遍历一个组件时，key只能放在循环数组时调用的组件上，而不能用在组件里面（请看官网） 在遍历同一数组时，不同数组项的ke ...
分类：
其他好文 时间：
2021-06-20 18:11:38
阅读次数：
0
在父组件中引入组件时使用双标签的形式。把要重用的代码或者组件插入到双标签里面 ...render () { return ( <FancyBorder color="blue"> <h1 className="Dialog-title"> Welcome </h1> <p className="Di ...
分类：
其他好文 时间：
2021-06-20 18:11:05
阅读次数：
0
从第一个方法开始，来到ReactDOMLegacy.js的render方法，其中最主要调用了 legacyRenderSubtreeIntoContainer 方法，进入到该方法内部. function legacyRenderSubtreeIntoContainer(parentComponent ...
分类：
其他好文 时间：
2021-06-20 17:52:31
阅读次数：
0
React是个历史悠久的FB框架，以其他两个相比，谁好谁坏，讨论起来没有啥价值； 但是时代是进步的，当然越晚出的东西在某些方面上当然有一些优势（个人观点），但是总体上讲，就好比讨论ts和flow哪个真正更好一样,没有价值。 但是有一点是肯定的React的出现真正是具有里程碑的价值，在这点上VUE 尤 ...
分类：
其他好文 时间：
2021-06-19 18:53:06
阅读次数：
0
一、H5技术栈新手入门学习路线： Html5+CSS3+javascript(学好DOM，BOM)->jQuery(DOM)->layui(CSS，jQuery)->Vue.js(js)；中间在学下PS、UI、XML、JSON。 二、H5技术栈进阶学习路线： AJAX（Ajax原生、ajaxjQue ...
分类：
其他好文 时间：
2021-06-17 17:14:56
阅读次数：
0
react源码解析14.手写hooks 视频课程（高效学习）：进入课程 课程目录： 1.开篇介绍和面试题 2.react的设计理念 3.react源码架构 4.源码目录结构和调试 5.jsx&核心api 6.legacy和concurrent模式入口函数 7.Fiber架构 8.render阶段 9 ...
分类：
其他好文 时间：
2021-06-17 16:54:02
阅读次数：
0
