![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
Kant3
我tm要做一个有追求的人啊
展开
-
React 学习笔记(一):JSX
总JSX:本质上来说,JSX只是React.createElement(component, prop, ...children) 方法的语法糖<myHeader someData={data}> Header Content</myHeader>等价于:React.createElement( 'myHeader', // Type {some...翻译 2018-04-19 09:16:44 · 264 阅读 · 0 评论 -
React学习笔记(四):不受控制的(Uncontrolled)组件
概述:在大多数情况下,我们建议使用受控制的组件去实现表单。在一个受控制的组件中,表单数据被React组件所处理。它的替代就是不受控制的组件——表单数据被DOM自己处理。...翻译 2018-05-22 16:22:55 · 1001 阅读 · 0 评论 -
React学习笔记 之 styled.components(一)
(零)目录动机:介绍了styled.components的“禅”,对了解这个工具很有用下载:没得说上手:介绍了styledComponetns的基本使用方式:怎样创建样式组件、传递props、通过props为组件做适配、怎样为任意(eg.第三方)组件添加样式、扩展样式、加入额外的props、如何使用动画,最后介绍了对React Native的支持。(一)动机 来自Max Stoiber的一次...翻译 2018-05-20 11:53:23 · 4313 阅读 · 0 评论 -
React学习笔记(三):引用(Refs)& DOM
概述: 引用提供了一个获得DOM节点或者创建在render方法中的React元素的方法; 在典型的React数据流中,props是唯一的父组件与它们的子元素的通信方式。更改子元素,你需要使用新的props去重新渲染子元素。但是在一些情况下你现在典型数据流之外强制的更改元素。被更改的子元素可能是一个React组件的实例,或者是一个DOM元素。对所有这些情况,React提供了一种特殊方法:...翻译 2018-05-17 00:07:08 · 7112 阅读 · 0 评论 -
React学习笔记(五):性能优化
React内部,使用了许多有趣的技术去减少更新UI的DOM操作消耗。对于很多应用,React可以提供更快的用户界面而不需要特意的去优化。尽管如此,你还是有很多方法去优化你的APP。 1)使用生产版本 如果你经历过React APP的表现问题,请确认你测试的是压缩过的生产环境版本。默认情况下,React会提供很多有用的预警信息——在开发阶段非常有用。但是它们使React应用变得更...翻译 2018-05-24 00:58:26 · 3098 阅读 · 0 评论