需求：点击列头，实现对表格数据的排序。1.表格中的数据从数据库查询回来；2.这些查询到的数据，存放到哪了：在浏览器内存中，而且是以对象数值的形式表示的；3.这些数据，怎么渲染到页面上的？　　　　方案1：手动for循环整个数组，然后字符串str+=<str></tr>　　　　方案2：使...

通过前面的学习，对webpack有了更深的认识，故此节我们就利用前面相关知识自己动手用webpack构建一个React的开发环境，就算是一个小案例吧。注：此处使用的开发工具是Webstorm。在安装webpack之前，我们先建立一个文件夹,并利用开发工具webstorm打开刚才新建的文件夹（或者新建项目，其项目目录选择...

React不像Vue那样有router.beforeEach这样的路由钩子，但是它提供了一个组件：Promptimport{Prompt}from'react-router-dom';<Promptwhen={true}message={location=>'信息还没保存，确定离开吗？'}/>在Rea...

以前理所当然的认为，只要ref作为props传进去，就可以直接给某个子组件用了，但是实际上不是这样的constTest=({ref})=>{return<divref={ref}><p>hahahha</p></div>}classTestWarperextends...

        今天我们从初始開始，安装各种工具以及命令，完毕了ReactNative的基础环境的搭建。而且成功执行第一个ReactNativeforAndroid的应用。下一篇我们对推荐IDE(Atom)以及相关插件的安装配置解说。敬请期待~         尊重原创，转载请注明：FromSky丶清（http://b...

Native原生相比于Hybrid或H5最大长处是具有流畅和复杂的交互效果，触摸事件便是当中重要一项，包括点击（Click）、长按（LongClick）、手势（gesture）等。以最简单常见的点击（Click）为例，Native组件能够自己定义selector。使得被点击的组件具有动态效果，Android5.0以上甚...

曾经写过两篇关于在ReactNative上处理键盘遮挡输入表单TextInput的情况，建议读者能够先看看1、《React-Native系列》33、键盘遮挡问题处理2、《React-Native系列》42、键盘遮挡问题官方处理方法KeyboardAvoidingView曾经给出的解决方式，是使用ScrollView的s...

react里子组件不能直接操作父组件的数据。所以要从父组件传递一个方法给子组件，子组件获取到该方法后，把子数据传入该方法，父组件才能获取到子数据例子：子组件Child.js importReact,{Component}from'react'classChildextendsComponent{constru...

性能优化一直是前端避不开的话题，本文将会从如何加快首屏渲染和如何优化运行时性能两方面入手，谈一谈个人在项目中的性能优化手段（不说CSS放头部，减少HTTP请求等方式）  懒加载 一说到懒加载，可能更多人想到的是图片懒加载，但懒加载可以做的更多 loadScript 我们...

在单页面里面，父子组件传值是比较常见的，之前一直用vue开发，今天研究了一下react的父子组件传值，和vue差不多的思路，父组件向子组件传值，父通过初始state，子组件通过this.props进行接收就可以了；子组件向父组件传值需要绑定一个事件，然后事件是父组件传递过来的this.props.event来进行值的更...

1.安装npminstall--saveecharts-for-react//如果需要使用echarts的一些特殊方法需要安装npminstall--saveecharts2.使用importReact,{Component}from'react';importReactEchartsfrom'echarts-for-...

使用react-app-rewired1.安装react-app-rewired：由于新的 react-app-rewired@2.x 版本的关系，你还需要安装 customize-cra。yarnaddreact-app-rewiredcustomize-cra//npminstallr...

   本文中涉及到的技术包括：node.js/express服务器的搭建、fetch发送数据请求。   在之前的几篇文章中，介绍了如何搭建基础的React项目，以及一些简单知识，现在，我们还需要掌握如何用React来向后台服务器发起HTTP请求，来获取数据。因...

React-Router的中文文档可以参照如下链接：        http://react-guide.github.io/react-router-cn/docs/Introduction.html   文...

React官方中文文档地址：    https://doc.react-china.org/  了解了组件之后，就需要理解“Props”和“State”的用法。首先来介绍State，State按照字面意思理解为状...