![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
文章平均质量分 94
muzidigbig
凡事第一反应,找方法,而不是找借口;发现问题,反思,而不是急着辩解。
展开
-
React---基础4(组件通讯)
1.父传子通过属性props传递:组件可以接受任意的 props(属性) ,包括原始值、React 元素,或者函数2.子传父(不共用状态,各自管理各自的状态)2.1 react导入库npm install pubsub-js --save2.2 react 页面引入pubsubjsimport PubSub from 'pubsub-js'2.3 pubsubjs使用发送消息:PubSub.publish(名称,参数)订阅消息:PubSub.subscrib(名原创 2020-11-23 16:44:03 · 236 阅读 · 0 评论 -
React---基础3(生命周期、axios)
十一、生命周期注意:React 是单页面的,即所有组件都是在初始化创建的时候全部被创建的(包括弹框),只是通过属性来显示和隐藏组件,并不会销毁和重建组件。因此,在子组件中,可以通过更新state时会触发的回调函数来做一些操作,如componentWillUpdate();但是若是在componentWillMount()做了一些操作的话,那么这些操作便只会触发一次,更新state或是显示出该组件(如弹框组件)时都不会触发这些操作,因为它们所在的回调函数在生命周期中只触发一次。1. 组件的原创 2020-11-23 12:11:34 · 426 阅读 · 0 评论 -
React---基础2(List/Key、表单(ref、event)、状态提升(共享组件)、组件占位符)
七、列表 和 键 列表(List), 键(Key) 回顾一下在javascript中如何转换列表:在数组中使用map()函数对numbers数组中的每个元素依次执操作const numbers = [1, 2, 3, 4, 5];const doubled = numbers.map((number) => number * 2);console.log(doubled) // 2, 4, 6, 8, 10 React 基本借鉴了以上写法,只不过将数组替换成了元素列表原创 2020-11-21 12:15:02 · 626 阅读 · 0 评论 -
React---基础1(元素、JSX、组件(生命周期)、props、state、事件、条件渲染、ES5函数互换ES6类)
react安装通过 npm 使用 React国内使用 npm 速度很慢,你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:npm install -g cnpm --registry=https://registry.npm.taobao.orgnpm config set registry https://registry.npm.taobao.org这样就可以使用 cnpm 命令来安装模块了:cnpm install [name].原创 2020-11-20 14:37:20 · 586 阅读 · 2 评论