随笔分类 -  React

摘要:先找个地方建个空目录 mkdir myapp && cd myapp 通过官方工具创建项目 yarn create @umijs/umi-app # 或 npx @umijs/umi-app Copy: .editorconfig Write: .gitignore Copy: .prettieri 阅读全文
posted @ 2023-05-06 14:04 他她 阅读(21) 评论(0) 推荐(0) 编辑
摘要:组件的生命周期可分成三个状态: Mounting:已插入真实 DOM Updating:正在被重新渲染 Unmounting:已移出真实 DOM 生命周期的方法有: componentWillMount 在渲染前调用,在客户端也在服务端。 componentDidMount : 在第一次渲染后调用, 阅读全文
posted @ 2019-12-05 14:42 他她 阅读(261) 评论(0) 推荐(0) 编辑
摘要:父组件传值给子组件时只要文本框发生变化就会重新渲染render,我理解我会影响性能,记录下方法用这个生命周期 的方法就可以解决子组件重复渲染的问题 阅读全文
posted @ 2019-12-05 14:26 他她 阅读(125) 评论(0) 推荐(0) 编辑
摘要:1、环境安装,首先要安装node http://nodejs.cn/ 进入nodejs下载,你是window就下在window的反之,安装下一步下一步...就好了 安装成功了试试 node -v ,npm -v 出现这种就说明ok了 在全局安装react脚手架工具 npm install -g cr 阅读全文
posted @ 2019-12-04 14:14 他她 阅读(298) 评论(0) 推荐(0) 编辑
摘要:const html =`<h1>今天天色很好</h1>` <div dangerouslySetInnerHTML={{__html:html}}></div> 阅读全文
posted @ 2019-08-30 10:05 他她 阅读(2046) 评论(0) 推荐(0) 编辑
摘要:一、创建基本的webpack4.x项目 1、运行 npm init -y 快速初始化项目 2、在项目根目录创建src的源代码目录和dist产品目录 3、在src目录下创建 index.html 4、使用cnpm 下安装 webpack, 运行cnpm i webpack webpack-cli -D 阅读全文
posted @ 2019-04-18 11:36 他她 阅读(507) 评论(0) 推荐(0) 编辑
摘要:一、搭建ReactNative环境 首先安装node.js和python2.xx版本,不要装python3.xx,这个官方是特别说明的,请注意.NodeJs官方下载:https://nodejs.org/en/download/,这里可以选择不同系统的版本,介于操作系统环境的问题,我本篇讲解在win 阅读全文
posted @ 2019-04-18 10:24 他她 阅读(233) 评论(0) 推荐(0) 编辑
摘要:<div dangerouslySetInnerHTML={{ __html: curriculumDesc }}></div> 阅读全文
posted @ 2019-01-14 16:52 他她 阅读(1098) 评论(0) 推荐(0) 编辑
摘要:文本框验证长度 { getFieldDecorator('name', { validateTrigger: ['onChange', 'onBlur'], rules: [{ required: true, whitespace: true, message: "请输入选项内容" }, { typ 阅读全文
posted @ 2019-01-12 11:03 他她 阅读(3895) 评论(0) 推荐(0) 编辑
摘要:<div style={{z-index: -100}} > hello,money. </div> 以上z-index样式如上写法是不起作用,原因是在react中内联样式的写法是按照驼峰法来的 例如background-color写成 backgroundColor, 对于z-index也就是 z 阅读全文
posted @ 2019-01-02 11:07 他她 阅读(1695) 评论(0) 推荐(0) 编辑
摘要:ref是组件的特殊属性,组件被渲染后,指向组件的一个引用。可以通过组件的ref属性,来获取真实的组件。 因为,组件并不是真正的DOM节点,而是存在于内存中的一种数据结构,称为虚拟的DOM,只有当它真正的插入文档之后,才变为真正的DOM节点。根据React的设计,所以的DOM变动都发生在虚拟DOM上, 阅读全文
posted @ 2018-11-07 17:33 他她 阅读(4363) 评论(0) 推荐(1) 编辑
摘要:React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架,是Facebook早先开源的JS框架 React 在原生移动应用平台的衍生产物,目前支持iOS和安卓两大平台。RN使用Javascript语言,类似于HTML的JSX,以及CSS来开发移动应用,因此 阅读全文
posted @ 2018-11-06 17:14 他她 阅读(193) 评论(0) 推荐(0) 编辑
摘要:问题:数据流是什么呢?为什么要用数据流? 答案:1、数据流是我们的行为与相应的抽象 2、使用数据流帮助我们明确了行为的对应的响应 问题: React与数据流的关系 1、React是纯 V 层的前端框架、需要数据流进行支撑 主流的数据流框架/为什么需要使用Redux Flux / reFulx / R 阅读全文
posted @ 2018-11-06 17:05 他她 阅读(238) 评论(0) 推荐(0) 编辑