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