草庐IT

react-motion

全部标签

Ant Design:企业级 UI 设计语言和 React 库 | 开源日报 No.88

ant-design/ant-designStars:87.9kLicense:MITAntDesign是一个企业级UI设计语言和ReactUI库。为Web应用程序设计的企业级UI。提供一套高质量的开箱即用的React组件。使用可预测静态类型编写TypeScript代码。包含完整的设计资源和开发工具包。支持数十种语言国际化支持基于CSS-in-JS实现强大主题定制功能。hashicorp/consulStars:27.0kLicense:NOASSERTIONConsul是一个分布式、高可用的数据中心感知解决方案,用于连接和配置动态分布式基础架构上的应用程序。多数据中心:Consul支持任意数

XLSX插件使用 — 导入导出(含中文表头)(React+Antd 对上传表格做数据格式验证)

需求说明1.需要前端做数据导出(非调用接口)2.需要对上传的表格数据做验证,不通过验证需要提示格式不正确,阻拦上传技术栈介绍React+Antdesign+XLSXjs-xlsx介绍由SheetJS出品的js-xlsx是一款非常方便的只需要纯JS即可读取和导出excel的工具库,功能强大,支持格式众多,支持xls、xlsx、ods(一种OpenOffice专有表格文件格式)等十几种格式。GitHub地址:https://github.com/SheetJS/sheetjs官网地址:https://sheetjs.com/React使用文档:https://docs.sheetjs.com/do

React 表单组件实现

一、介绍    本文将会基于react实现表单的功能,包括表单提交和跳转、表单验证、动态表单元素、动态内容加载。二、使用教程1.表单提交功能exportdefaultclassFormSubmitextendsReact.PureComponent{state={name:""}handleNameChange=evt=>{this.setState({name:evt.target.value});}handleSubmit=evt=>{evt.preventDefault();//阻止默认事件if(!this.state.name){this.setState({error:"Nameis

android - react-native run-android 后的两个app

我正在制作一个ReactNative应用程序,早些时候它运行良好,但现在当我运行“react-nativerun-android”时,在成功安装和启动后,我可以在模拟器中看到两个应用程序,并且它们都是工作正常。那么,我为什么会看到2个应用程序,或者我应该说为什么我安装了一个额外的重复应用程序有什么想法吗? 最佳答案 我想你在遇到这个问题后在你的应用程序中添加了启动画面,首先转到这个目录:android/app/src/main/AndroidManifest.xml如果你添加两次类似的东西这个-->它将呈现两次并在您的设备上构建两个

如何使用React-Router V4预加载数据?

这是官方文档的示例(https://reacttraining.com/reaect-router/web/guides/server-rendering/data-loading):import{matchPath}from'react-router-dom'//insidearequestconstpromises=[]//use`some`toimitate``behaviorofselectingonly//thefirsttomatchroutes.some(route=>{//use`matchPath`hereconstmatch=matchPath(req.url,route)

如何通过单击React路由器V4的按钮在路径上导航?

我在React-Router-dom中有此路径:{/*app=home*/}一切正常,现在我想通过OnClick更改路径的任何地方,例如这样:history.push('/the/path')}>changepath我怎样才能做到这一点?看答案import{withRouter}from'react-router-dom';...classAppextendsReact.Component{...nextPath(path){this.props.history.push(path);}render(){return(this.nextPath('/the/path')}>changepath

如何从React中的CDN/脚本标签导入JavaScript软件包?

我想在React中导入此JavaScript软件包但是,没有NPM软件包,所以我不能这样导入:importdwollafrom'dwolla'或者importdwollafrom'https://cdn.dwolla.com/1/dwolla.js'所以当我尝试dwolla.configure(...)我遇到了一个错误,说Dwolla不确定。我该如何解决?谢谢看答案转到index.html文件并导入脚本然后,在导入Dwolla的文件中,将其设置为变量constdwolla=window.dwolla;

java - react native Android 语法错误 : Attempted to redefine property 'key'

运行react-nativerun-android后,我在模拟器(已测试Genymotion和googleStock模拟器)和物理设备(SamsungS4)上收到以下错误:输入的错误:java.util.concurrent.ExcecutionException:java.lang.RuntimeException:SyntaxError:试图重新定义属性'key'。(http://192.168.50.37:8081/index.android.bundle?platform=android&dev=true&hot=false:72450)在thisstackoverflowdi

java - react-native run-android 失败,错误为 : Execution failed for task ':app:dexDebug'

我使用的是Windows8.1。和react-native-cli:1.0.0和nativereact:0.31.0将react-native-maps添加到项目后,我运行命令react-nativeupgrade并对所有问题给予Y。然后将deps与rnpmlink链接起来,同时对MainApplication.java文件进行更改。以下是对MainApplication.java的更改://Otherimports...importcom.airbnb.android.react.maps.MapsPackage;publicclassMainApplicationextendsAp

React 组件通信方式

人生的游戏不在于拿了一副好牌,而在于怎样去打好坏牌,世上没有常胜将军,勇于超越自我者才能得到最后的奖杯。1.父子组件通信方式1.1父组件传递到子组件直接通过属性进行传递,数据的传递可以提高组件的复用性。1.2子组件传递到父组件通过回调函数(callback)来实现。ref标记:父组件拿到子组件的引用,从而调用子组件的方法和访问子组件的状态。2.非父子组件通信方式2.1状态提升(中间人模式)React中的状态提升概括来说,就是将多个组件需要共享的状态提升到它们最近的父组件上。在父组件上改变这个状态然后通过props分发给子组件。本质上也是通过父子通信来实现。应用场景:兄弟组件之间通信方式。不至于