学习笔记
各种学习的知识记录,用作自己的知识储存库
znbb_
这个作者很懒,什么都没留下…
展开
-
01:React实战笔记:上线的坑
文章目录1.打包命令2.修改配置等1.打包命令npm run build2.修改配置等项目是用脚手架创建的,有关webpack配置在node-modules下的raect-scripts下的path.js中;不过我们不用显式修改它,以下贴出具体配置步骤(假设项目运行地址:https://你的域名/项目名)以下就举例以https://xxxxx.cn/project 假定为你的线上项目地址项目根目录下新增.env文件加入PUBLIC_URL = https://xxxxx.cn/project(原创 2021-04-25 10:09:16 · 196 阅读 · 0 评论 -
06:React学习笔记. 组件通信
文章目录1.父传子2.子传父3. 同级组件通信1.父传子1.1 父组件通过props属性=值的形式来传递给子组件数据。1.2 子组件通过props参数获取父组件传递过来的数据。1.3 类组件和函数组件都可以。2.子传父React中同样是通过props传递消息,只是让父组件给子组件传递一个回调函数,在子组件中调用这个函数即可;子组件触发事件,调用父组件函数,同时把数据当做参数传递过去。class Parent extends Component { state = {原创 2021-03-18 15:21:57 · 183 阅读 · 0 评论 -
05:React学习笔记:state & 生命周期
文章目录1.正确地使用 State2.State 的更新可能是异步的3.数据向下流动4. 生命周期1.正确地使用 State不要直接修改 State,构造函数是唯一可以给 this.state 赋值的地方:2.State 的更新可能是异步的如果要依赖setState后的值来更新下一个状态,可以让setState接收第二个参数,第二个参数是一个回调函数,在setState的异步操作结束并且组件已经重新渲染的时候执行。也就是说,我们可以通过这个回调来拿到更新的state的值。3.数据向下流动不管是父原创 2021-03-18 15:06:57 · 184 阅读 · 0 评论 -
04:React学习笔记:组件 & Props
组件,从概念上类似于 JavaScript 函数。它接受任意的入参(即 “props”),并返回用于描述页面展示内容的 React 元素。原创 2021-03-18 14:50:04 · 58 阅读 · 0 评论 -
03:React学习笔记:渲染
文章目录1.元素渲染1.1将一个元素渲染为DOM1.2 更新已渲染的元素2.条件渲染2.1 使用 if 或者条件运算符2.2 元素变量2.3 JSX 中内联条件渲染的方法2.4 三目运算符3.防止组件渲染4.列表渲染5.列表渲染中的key1.元素渲染1.1将一个元素渲染为DOM假设:<div id="root"></div>将以上这个React元素渲染到根DOM节点中,只需把它们一起传入ReactDOM.render();const element = <h1&原创 2021-03-18 14:37:52 · 83 阅读 · 0 评论 -
01:React学习笔记:安装之hello world
从2020年下半年开始看关于react有关的内容,中间间隔了大半年,现在重新捡起来再学习发现对比vue来说,上手是难了点,但是熟悉后开始体会到react的乐趣了,记录下学习笔记,大家一起学习打卡!原创 2021-03-18 11:29:51 · 62 阅读 · 0 评论 -
02:React学习笔记:JSX
文章目录1.在JSX中嵌入表达式2.jsx也是一个表达式3. JSX特定属性4. 特殊属性的 写法1.在JSX中嵌入表达式在下面的例子中,有个name变量,在jsx中使用它并将其包裹在大括号中:const name = 'john'const ele = <h1>hello world</h1>ReactDom.render(ele,document.getElementByID('root'))大括号中可以写任何有效的javascript表达式:运算表达式原创 2021-03-18 12:06:10 · 95 阅读 · 0 评论