随笔分类 - React
react生态
摘要：React是一个UI层面的库，它采用虚拟DOM技术减少Javascript与真正DOM的交互，提升了前端性能；采用单向数据流机制，父组件通过 将数据传递给子组件，这样让数据流向一目了然。一旦组件的 或则 发生改变，组件及其子组件都将重新re render和vdom diff，从而完成数据的流向交互。
阅读全文
摘要：一个例子 有这样的一个场景如下图所示，有一组动态数量的input，可以增加和删除和重新排序，数组元素生成的组件用 作为key的值，例如下图生成的ui展示： 上面例子中的input组件渲染的代码如下所示，全部完整代码可以参考 == "完整code" 。 首先说明的是，若页面中数组内容是固定而不是动态的
阅读全文
摘要：在react典型的数据流中， 传递是父子组件交互的唯一方式；通过传递一个新的 值来使子组件重新 ,从而达到父子组件通信。当然，就像react官网所描述的一样，在react典型的数据量之外，某些情况下（例如和第三方的dom库整合，或者某个dom元素focus等）为了修改子组件我们可能需要另一种方式，这
阅读全文
摘要：引言 最近在使用蚂蚁金服出品的一条基于react的 "ant design UI" 组件时遇到一个问题，编辑页面时 输入框会展示保存前的数据，但是是用 就是不起作用，输入框始终为空值而不是具体的传入的值。具体编辑页面中文本框相关的代码如下： 在给代码段所属的组件传递 props后，文本框中的默认值一
阅读全文
摘要：React推出后，出于不同的原因先后出现三种定义react组件的方式，殊途同归；具体的三种方式： 1. 函数式定义的 2. es5原生方式 定义的组件 3. es6形式的 定义的组件 虽然有三种方式可以定义react的组件，那么这三种定义组件方式有什么不同呢？或者说为什么会出现对应的定义方式呢？下面
阅读全文
摘要：前言 作为一个前端爱好者来说，都想在react上一试生手，那么在搭建react项目开发时，肯定会有这样或者那样的问题，尤其是对初学者来说，下面就个人在开发过程中遇到的问题总结一下，好在有google帮我解决了各种问题。本人项目的技术栈为 。 export from 'x module'在配置babe
阅读全文
摘要：react-native目前最火的移动端解决方案越来越被重视，且在项目得到了实战；那么初次用该技术来开发时，可能会遇到很多这样或者那样的问题，这属于正常现象，毕竟这是一门比较前沿的技术，官方发布的版本尚存在一定的bug，更何况初次展开开发的程序员。本文就从样式部分浅谈react native的遇到的问题，另外总结了一些react native样式可能存在的误导以及一些实战经验
阅读全文