2020-02-16 标签:深入,了解,响应,react,native,echarts,组件,前言,中封,装的,使用,示例,参见,n,ative,demo,近年来,随着

前言一种在 React Native 中封装的响应式 Echarts 组件，使用与示例请参见：react-native-echarts-demo近年来，随着移动端对数据可视化的要求越来越高，类似 MPAndroidChart 这样的传统图表库已经不能满足产品经理日益变态的需求。前端领域数据可视化的发

2020-02-16 标签:使用,react,手写,对话框,模态,方法,示例,打算,很长,一段时间,现在是,兑现,承诺,实际上,写起来,相当,简单,核心,在于

打算用React写对话框已经很长一段时间，现在是时候兑现承诺了。实际上，写起来相当简单。核心在于使用React的接口React.createPortal(element, domContainer)。该接口将element渲染后的DOM节点嵌入domContainer(通常是document.bod

2020-02-16 标签:react,优化,组件,render,使用,重新,引发,情况下,这样做,多余,比如,并未,传递,props,渲染,结果,不变

在react中，父组件的重新render会引发子组件的重新render，但是一些情况下我们会觉得这样做有些多余，比如：父组件并未传递props给子组件新传递的props渲染结果不变class A extends React.Component {render() {console.log('rend

2020-02-16 标签:react,高阶,组件,添加,删除,props,唠叨,几句,在看,老师,深入浅出,开头,提了,需要,创建,能给,传入

唠叨几句啦在看程墨老师的深入浅出高阶组件，开头一点提了一个需要，创建两个高阶组件，一个能给传入的元素自定义添加props，一个是删除特定的props。我刚刚做了一下，发现高阶组件需要区分好传入的是class还是react element, 同时也需要注意好return回去的是啥。顺便提一下高阶组件的

2020-02-16 标签:详解,如何,react,router,添加,路由,页面,切换,时的,过渡,动画,ps,本篇,文章,使用,版本,dom,兼容

PS: 本篇文章使用的React-Router版本为react-router-dom: ^5.0.0 (兼容4.x)使用过Vue2的同学们应该都知道这个内置组件，它可以帮我们添加过渡动画，之前一直用它来给Vue-Router路由的跳转添加转场动画，使用起来非常便捷。那在React中应该如何给路由切换

2020-02-16 标签:详解,react,项目,如何,修改,打包,地址,编译,输出,文件,好吧,笔者,后端,开发,以前,c,s,出身,毫无,web

好吧，笔者是一个后端开发。以前是做C/S项目出身，毫无Web前端基础，为了更好地理解Web开发，去年开始尝试使用公司使用的前端框架React来搭建团队内部使用的系统。通过这个项目的开发，也让我更好地理解了前端同事的不容易，更加坚定了写好接口文档的决心。最近在把自己做的这个内部系统迁移到公司的统一平台

2020-02-16 标签:react,select,组件,实现,代码,之前,用的,antd,但在,并不,适用,原生,样式,修改,不灵,产生,想法

之前一直用的antd的Select组件，但在有些端并不适用，而原生的select样式修改不灵活，遂产生自己写一个组件的想法。观察select组件： {this.value=value}}manwoman可以看出数据都是在option中，有值value和显示出来的数据一一对应。如果我们写一个selec

2020-02-16 标签:详解,react,项目,安装,使用,less,用法,总结,配置,app,rewired,rewire,babel,plugin,import,插件,执行命令,n,pm

less的安装配置安装react-app-rewired，react-app-rewire-less，babel-plugin-import插件执行命令：npm install react-app-rewired --save-devnpm install react-app-rewire-less

2020-02-16 标签:详解,基于,react,js,node,ssr,实现,方案,基础,概念,服务端,渲染,server,side,render,传统,使用,java,php

基础概念SSR：即服务端渲染(Server Side Render) 传统的服务端渲染可以使用Java，php 等开发语言来实现，随着 Node.js 和相关前端领域技术的不断进步，前端同学也可以基于此完成独立的服务端渲染。过程：浏览器发送请求 -> 服务器运行 react代码生成页面 -&g

2020-02-16 标签:react,项目,如何,使用,iconfont,方法,步骤,通常会,作为,图标,显示,解决方案,介绍,配置,准备工作,首先,关键,需要,注意,fontclass

项目中通常会使用iconfont作为图标显示的解决方案，这里介绍下如何在项目中配置。准备工作首先配置好项目，关键需要注意FontClass/Symbol 前缀和Font Family两个配置。当我们配置好项目之后，就可以导出样式文件，复制如下图中的css链接中的内容备用。正餐开始创建Icon.js文