react-

React Native 开发采坑总结

IOS#Cleancacherm-rf$TMPDIR/react-*;rm-rf$TMPDIR/haste-*;rm-rf$TMPDIR/metro-*;watchmanwatch
sunhangye·2020-07-12 00:27

react-封装 fetch 请求方法

1、封装请求创建http.js/***封装请求*/importqsfrom'querystring'/***get*/exportfunctionhttpGet(url){constresult=fetch(url)returnresult}/***post*/exportfunctionhttpPost(url,params){constresult=fetch(url,{method:'POS
哈！小白要成长！·2020-07-11 20:03

react-native 知名库

react-native-icons或https://github.com/oblador/react-native-vector-icons推荐第二种用起来比较舒服ps下：使用外部链接库之后,需要重启npm最佳轮播组件react
sherlock221b·2020-07-10 05:32

React Native框架介绍

)4.安装reactnative命令行工具：npminstall-greact-native-cli5.安装webstorm配置pathon环境变量如下图：其他环境变量设置如下图：二、创建工程1.创建react
Mis_Allen·2020-07-09 20:40

React-（if）条件渲染-condition

概述：在React中，你封装很多基础组件，但是你是有选择使用特定的组件，这时候就需要依赖应用的状态，类似javaScript中if1.例子：//定义基础组件functionOrange(){return我喜欢橘子}functionApple(){return我喜欢苹果}//进行选择functionGetFavor(props){constfavor=props.fruit;if(favor=='o
往前的娘娘·2020-07-07 16:26

RN日常开发问题集

DoesNotExist在终端执行：react-nativeupgrade如果还报错则将package.json中的react和react-native版本更改一下：react:'16.0.0-alpha.6'react
_毛毛雨·2020-07-07 02:51

react-父组件将状态做为属性传递给子组件

数据自顶向下流动importReact,{Component}from'react';//importimg01from'./images/01.png'import'./App.css';classAppextendsComponent{render(){classSonextendsComponent{render(){return(soncomponent:{this.props.dd.to
杜杜的杜·2020-07-05 05:53

React-表单详解

一、表单事件React支持所有的HTML事件，这些事件遵循驼峰命名的约定，且会转成合成事件，这些事件是标准化的，提供饿了跨浏览器的一致接口。所有合成事件提供了event.target来访问触发事件的DOM节点。handleEvent：funciton(syntheticEvent){varDOMNode=syntheticEvent.target;varnewValue=DOMNode.value
编程之间·2020-07-04 21:11

Mac android原生工程中潜入react-native混合开发项目搭建

，Macos系统不同与windos系统，做起来也相对轻松容易：接下来我就言简意赅的阐述集成搭建步骤：注意事项：在项目集成之前，说明你已经配置好了react-native的开发环境，如果没有配置好请参照react
qq_26337701·2020-07-02 17:05

AntD-form表单取值赋值,React-父子组件传值,JS-reduce方法

合同金额自动计算如下图.进入页面的时候合同金额默认值为系统自动计算在有行信息的时候.需要把金额累加.给合同金额赋值.实现思路:1:通过props传值,2:通过reduce计算总金额,3:通过form.setFieldsValue方法.给合同金额赋值//父组件页面:父组件调用子组件的时候.给子组件一个方法.用来接收子组件的返回值render(this.handleTotal(value)}/>)//
Timor·2020-07-01 19:15

深入浅出React+Redux（一：React 组件的数据）

需要自行调整{"name":"read-react-redux","version":"0.1.0","private":true,"dependencies":{"react":"^16.2.0","react
Justin0223·2020-06-26 22:16

react-native配置路由导航、传参示例，标题样式配置

我是找了N久才发现快捷键是Ctrl+M打开开发菜单，差点都准备换模拟器了，因为只有打开开发菜单的JSDebugging才能调试，开发菜单如下图：二.页面导航、路由配置1.装react-navigation、react
luck_lin·2020-06-26 04:54

React-事件绑定

一、bind方法这个方法可以绑定事件处理器内的this，并可以向事件处理器中传递参数（自带的event是在参数的最后一位）classAppextendsComponent{handleClick(e,arg){console.log(e,arg);}render(){returnTest;}}不传参：onClick={this.handleClick.bind(this)}二、构造器内声明优点为仅
墨_梵·2020-06-26 02:05

React-使用redux-immutable统一数据格式

在header的reducer.js里把header变成immutable对象之后，在组件里获取focused属性就得这样获取：focused:state.header.get('focused')state是一个js对象，state.header是一个immutable对象，所以调用focused这个属性点时候先用.再用.get（），数据获取行为是不统一的。我们需要把state也变成immuta
仗剑天涯，从摘要开始·2020-06-24 16:50

React-开发工具

React使用了若干的抽象层来帮助你更轻松地开发组件、推导程序状态。然后调试构建及分发应应用时，这样设计就会产生负面影响了。幸运的是，我们拥有一些非常好的开发工具能在开发及构建过程中为我们提供帮助。在这里探讨这些构建工具和调试工具，它们可以让开发React程序更加高效。一、Browserify是一个JavaScript打包工具，支持浏览器中使用Node.js风格的require（）方法。不需要了解
编程之间·2020-06-24 05:25

React-函数组件（Functional Components）

例子使用类组件importReactfrom'react'classWelcomeextendsReact.Component{constructor(props){super(props);this.sayHi=this.sayHi.bind(this);}sayHi(){alert(`Hi${this.props.name}`);}render(){return(Hello,{this.pro
不止三岁·2020-06-22 09:55

react-学习笔记-10.21

新建项目全局安装reactnpminstall-gcreate-react-app在自己的文件夹下安装项目create-react-apptodolisttodolist为项目名称介绍相应文件夹作用更改网站标签左上角图标只需要更改：src下app.js负责显示页面内容src文件夹下的index.js是整个项目的入口，引入app，渲染apppublic文件夹下虚拟dom1tate数据2JSX模板3数
卓卓在努力看代码呀·2020-06-21 15:42

实现一个迷你Redux（基础版）

还有通常与redux一起用的一个库——react-
JackySummer·2020-05-27 23:00

npm 开源项目构建与发布

facebook/react-
张喜硕·2020-05-27 17:30

React 富文本编辑 braft-editor

推荐一种react-富文本编辑器，braft-editorbraft-editor的github：https://github.com/margox/braft-editorbraft-editor的文档
唐宋元明清2188·2020-04-30 12:00

React-第一讲

1.组件(基本)1.1定义组件class名字extendsReact.Component{render(){return111;}}1.2使用组件就跟标签一样ReactDOM.render(111,oDiv);ReactDOM.render(,oDiv);2.组件(有属性)classCompextendsReact.Component{render(){//组件传的属性全部都在props里面ret
这个超人不会飞阿·2020-04-13 17:54

初入React-环境搭建

在当下前端热潮中，一大批前端开发者，迷失了学习和追求的方向，面对日夜更迭的前端技术，我想大多数人跟我一样会觉得自己懂得的太少，会的太少，实践的太少，正因如此我写下了这一段前言，为了提醒自己和大家在这一片浩瀚大海中正确的寻找追求的方向，也告切自己为此修建更加牢固的船舶，从而远航。好了废话不多说，我们先从在三大框架中的React.js入手我想目前市上的三大MVVM框架大家都有所了解，不了解的在这里就不
wenzirang·2020-04-08 22:44

React Native学习笔记-ScrollView

AppRegistry,StyleSheet,Text,View,Image,TextInput,ProgressBarAndroid,DrawerLayoutAndroid,ScrollView,}from'react
Lazy1·2020-03-27 20:30

React Native学习之路(3)-组件篇（TabBar）react-native-tab-navigator

react-native-tab-navigator安装npminstallreact-native-tab-navigator--save(2)react-native-tab-navigator导入importTabNavigatorfrom'react
woow_wu7·2020-03-24 12:39

[React Native]react-native-scrollable-tab-view(进阶篇)

今天我们是react-
zhuhf·2020-03-23 03:27

最新iOS原生项目集成React-Native:集成记录

前提：电脑已经安装过React-
LeftLee·2020-03-21 00:12

React-异步+usecallback+setState

react出了hook之后，也是在尝试去使用，但在使用的过程中发现，hook在处理异步操作的时候，有些问题，而改变状态是异步的，发请求也是异步的，setInterval和setTimeout也是异步的，免不了在hook中踩到异步的坑，下变我们来看一下这个坑里发生了什么，应该怎么填。类似的场景呢，是在做一次批量上传功能的时候碰到的，批量上传，说到底还是一个个上传，每次文件上传（异步）结束之后，会告诉
千年后de尘·2020-03-15 08:17

TypeError: undefined is not a function (near... react.default.createClass..')

require("react");varcreateReactClass=require('create-react-class');import{StyleSheet,View,Text}from'react
青子衿S·2020-03-09 11:55

日更(五十九)-react-所谓的兄弟组件通讯

瞎扯昨天群里聊天,聊到个面试题.兄弟组件通信的方法有哪些听起来好像很难似的.实际上呢.我就拿android中学到的做对比,基本就知道咋回事了.什么是兄弟组件同一个父组件下的两个组件.拿android来打比方:一个activity下的两个fragment.一个viewGroup下的两个view等等....两个fragment如果要通讯怎么办?1.通过activity通信------props2.通过
Jlanglang·2020-03-05 01:38

深入react-基础API（三）

前言继续上一篇，还有4个API：createElement,cloneElementcreateFactoryisValidElementcreateElement12,上面这段jsx代码通过babel转换后如下React.createElement("div",{className:"class",props:"props",ref:"ref",key:"key"},React.createEl
accord·2020-03-01 04:56

深入react-基础API（二）

前言上一篇写了Children,createRef,接着上一篇写后面的几个APIReact-APIconstReact={Children:{map,forEach,count,toArray,only,},createRef,Component,PureComponent,createContext,forwardRef,lazy,memo,useCallback,useContext,useE
accord·2020-02-28 21:01

深入react-基础API（一）

前言这篇文章主要通过源码的方式去讲述reactAPI，主要是在react（v16.12.0）这个包中的源码，不涉及react-dom的代码，react-dom会在后面去讲，而在讲述API的时候也不会过多的去讲解这个API的使用方式。而在react这个包里面的API其实更多的只是定义一些组件的type去供给react-dom执行真正更新逻辑的时候使用，因此可能会缺少一些API源码并没有包含到真正执行
accord·2020-02-27 14:59

React-native项目运行报错react/rctbundleurlprovider.h file not found

如果确认已经依赖,则添加link:LinkBinarywithLibrary-->AddOther-->node_modules->react-native->React->Base->RCTRootView.mhttp
Super_Yuan·2020-02-21 21:57

React- Native 特定平台扩展名, 及平台检测

特定平台扩展名,ReactNative会检测某个文件是否具有.ios.或是.android.的扩展名，然后根据当前运行的平台加载正确对应的文件BigButton.ios.jsBigButton.android.js这样命名组件后你就可以在其他组件中直接引用，而无需关心当前运行的平台是哪个。importBigButtonfrom'./components/BigButton';ReactNative
有情怀的程序猿·2020-02-14 06:00

React-Native 常用插件汇总

react-native-animatable动画react-native-carousel轮播react-native-countdown倒计时react-native-device-info设备信息react
Even_Cyw·2020-02-06 05:03

React 路由

https://www.npmjs.com/package/react-router-redux官方的一个小demo：importReactfrom'react'importReactDOMfrom'react
学贤社·2020-02-05 11:55

react-路由和Ant design

路由的使用react-routerimportReactfrom'react'//如果要使用路由模块，第一步，运行yarnaddreact-router-dom//第二步，导入路由模块//HashRouter表示一个路由的跟容器，将来，所有的路由相关的东西，都要包裹在HashRouter里面，而且，一个网站中，只需要使用一次HashRouter就好了；//Route表示一个路由规则，在Route上
跌倒的小黄瓜·2020-01-17 15:00

react-父子子孙组件嵌套-context

方案一importReactfrom'react'importReactTypesfrom'prop-types'/*//最外层的父组件exportdefaultclassCom1extendsReact.Component{constructor(props){super(props)this.state={color:'red'}}render(){return这是父组件}}//中间的子组件c
跌倒的小黄瓜·2020-01-16 22:00

react-父子子孙组件嵌套-context

方案一importReactfrom'react'importReactTypesfrom'prop-types'/*//最外层的父组件exportdefaultclassCom1extendsReact.Component{constructor(props){super(props)this.state={color:'red'}}render(){return这是父组件}}//中间的子组件c
跌倒的小黄瓜·2020-01-16 22:00

react-发表评论案例

评论列表组件importReactfrom'react'importCMTItemfrom'./CmtItem.jsx'importCMTBoxfrom'./CmtBox.jsx'//评论列表组件exportdefaultclassCMTListextendsReact.Component{constructor(props){super(props)this.state={list:[{user
跌倒的小黄瓜·2020-01-16 22:00

react-发表评论案例

评论列表组件importReactfrom'react'importCMTItemfrom'./CmtItem.jsx'importCMTBoxfrom'./CmtBox.jsx'//评论列表组件exportdefaultclassCMTListextendsReact.Component{constructor(props){super(props)this.state={list:[{user
跌倒的小黄瓜·2020-01-16 22:00

react-生命周期

组件的生命周期概念：在组件创建、到加载到页面上运行、以及组件被销毁的过程中，总是伴随着各种各样的事件，这些在组件特定时期，触发的事件，统称为组件的生命周期；组件生命周期分为三部分：组件创建阶段：组件创建阶段的生命周期函数，有一个显著的特点：创建阶段的生命周期函数，在组件的一辈子中，只执行一次；componentWillMount:组件将要被挂载，此时还没有开始渲染虚拟DOMrender：第一次开始
跌倒的小黄瓜·2020-01-16 21:00

react-生命周期

组件的生命周期概念：在组件创建、到加载到页面上运行、以及组件被销毁的过程中，总是伴随着各种各样的事件，这些在组件特定时期，触发的事件，统称为组件的生命周期；组件生命周期分为三部分：组件创建阶段：组件创建阶段的生命周期函数，有一个显著的特点：创建阶段的生命周期函数，在组件的一辈子中，只执行一次；componentWillMount:组件将要被挂载，此时还没有开始渲染虚拟DOMrender：第一次开始
跌倒的小黄瓜·2020-01-16 21:00

react-组件

react中的组件组件react组件介绍在React中，构造函数，就是一个最基本的组件如果想要把组件放到页面中，可以把构造函数的名称，当作组件的名称，以HTML标签形式引入页面中即可注意：React在解析所有的标签的时候，是以标签的首字母来区分的，如果标签的首字母是小写，那么就按照普通的HTML标签来解析，如果首字母是大写，则按照组件的形式去解析渲染结论：组件的首字母必须是大写functionHe
跌倒的小黄瓜·2020-01-16 15:00

react-组件

react中的组件组件react组件介绍在React中，构造函数，就是一个最基本的组件如果想要把组件放到页面中，可以把构造函数的名称，当作组件的名称，以HTML标签形式引入页面中即可注意：React在解析所有的标签的时候，是以标签的首字母来区分的，如果标签的首字母是小写，那么就按照普通的HTML标签来解析，如果首字母是大写，则按照组件的形式去解析渲染结论：组件的首字母必须是大写functionHe
跌倒的小黄瓜·2020-01-16 15:00

react-虚拟dom

React中几个核心的概念虚拟DOM（VirtualDocumentObjectModel）DOM的本质是什么：就是用JS表示的UI元素DOM和虚拟DOM的区别：DOM是由浏览器中的JS提供功能，所以我们只能人为的使用浏览器提供的固定的API来操作DOM对象；虚拟DOM：并不是由浏览器提供的，而是我们程序员手动模拟实现的，类似于浏览器中的DOM，但是有着本质的区别；为什么要实现虚拟DOM：什么是R
跌倒的小黄瓜·2020-01-16 12:00

从零开始学习React-引入Ant Design 组件（八）

React中使用Antd教程文档：https://ant.design/docs/react/getting-started-cn介绍：antd是基于AntDesign设计体系的ReactUI组件库,一个方便极速开发应用的插件，这些相当于帮我们封装了常用的组件，我们直接拿来用就行。步骤1：安装Antdcnpminstallantd--save2：全局css样式在react项目的css文件里面引入A
祈澈菇凉·2020-01-05 14:17

react-redux中connect的装饰器用法@connect

假设你已经有一个key为main的reducer和一个action.js.我们的App.js一般都这么写：importReactfrom'react'import{render}from'react-
孤丶狼丶·2020-01-02 08:40

React-组件间通信之onRef方法

组件间通信除了props外还有onRef方法，不过React官方文档建议不要过度依赖ref。本文使用onRef语境为在表单录入时提取公共组件，在提交时分别获取表单信息。下面demo中点击父组件按钮可以获取子组件全部信息，包括状态和方法，可以看下demo中控制台打印。//父组件classParentextendsReact.Component{testRef=(ref)=>{this.child=r
芒果加奶·2019-12-31 17:55

react-开发经验分享-后端请求数据后进行本地存储筛选

Author：Mr.柳上原付出不亚于任何的努力愿我们所有的努力，都不会被生活辜负不忘初心，方得始终后端接口请求到数据后存储到本地进行数据筛选的方法此方法使用了对象对比和模糊查找使用了原生es6开发实现方法如下：//后端接口请求到数据//数据存储到state里//获取表单输入值，并用表单里的值对数据进行筛选//使用state来存储后端数据并动态更新this.state={projectData:[]
Mr柳上原·2019-12-30 23:50
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他