React主题的文章列表，还有React的技术要点_第5页

react界面中使用dom结构 dangerouslySetInnerHTML

{article.description?<divclassName="art-abstract"><h3>内容摘要：</h3><p>{article.description}</p></div>:''}<divclassName="cont...

代码星球·2021-01-20

react树形选择组(支持：单选，多选，全选)

多选：单选：代码地址：https://github.com/YalongYan/react-tree代码里面有比较详细的注释；代码实现的思想比较好，巧妙利用了js的浅复制，可以作为学习参考 ...

代码星球·2021-01-13

壮士断腕！WordPress宣布停止使用React

WordPress是一种使用PHP语言开发的博客平台，用户可以在支持PHP和MySQL数据库的服务器上架设属于自己的网站，也可以把WordPress当作一个内容管理系统（CMS）来使用。 WordPress几乎所有项目都基于React开发，比如，最近几年使用React重构了WordPress.com，也就是所...

代码星球·2021-01-09

react-native 签名

完成项目时,我们需要将项目打包成一个apk,方便测试以及发布版本.这时,需要把js代码和图片资源都放进apk中,并且发布版本还需要签名,今天把这一系列操作记录下来. 一.生成离线bundle包离线包就是把ReactNative和你写的js文件、图片等资源都打包放入App，不需要走网络下载。首先看一下官方给的参...

代码星球·2020-12-30

react-native 常见问题

报错ERRORin./entry.jsModulebuildfailed:SyntaxError:/Users/yixin/Desktop/react/entry.js:Unexpectedtoken(2:8)说是"<"这个符号有问题,原因是babel6分离为多个包，并且默认不支持react和es2015。因此除...

代码星球·2020-12-30

React Native ——实现一个简单的抓取github上的项目数据列表

/***SampleReactNativeApp*https://github.com/facebook/react-native*/'usestrict';varReact=require('react-native');var{AppRegistry,StyleSheet,Text,Image,View,TextI...

代码星球·2020-12-29

React Native 重新建项目遇到的一些问题

1、基本上一句话，就是本地的node太旧了，跟不上React_Native的节奏，所以需要更新node，但是单纯的更新node丫丫竟然不让我跟，因为是用Homebrew来管理的，所以先update了下brewbrewupdate&&brewupgrade&&brewcleanupbrew...

代码星球·2020-12-29

JS/React 判断对象是否为空对象

JS一般判断对象是否为空，我们可以采用:if(!x)的方式直接判断，但是如果是一个空对象，比如空的JSON对象，是这样的：{},简单的判断是不成功的，因为它已经占用着内存了，如果是JQuery的话，直接使用isEmptyObject()来判断，如果是JS，可以采取下面的方法1:/**检测对象是否是空对象(不包含任何可读...

代码星球·2020-12-29

React 根据官方总结的规范

1、语法上，根据生命周期方法执行的顺序编写代码（1生命周期方法［getDefaultProps, getInitialState, componentWillMount, componentDidMount,componentWillReceiveProps, sho...

代码星球·2020-12-29

React Native ——入门环境搭配以及简单实例

ruby-e"$(curl-fsSLhttps://raw.githubusercontent.com/Homebrew/install/master/install)"1、我们可以先通过在终端输入： brew-v　　如果没有安装就输入Homebrew的镜像路径去下载2、拥有了brew，就可以通过它去下载一些...

代码星球·2020-12-29

React 组件协同关系

组件协同的两种方法，1种是纵向的协同，就是组件嵌套，重点在于代码的封装，2种是横向协同也就是Mixin，组件抽离，重点在于代码复用 1、组件嵌套，父组件通过属性向子组件，子组件可以通过事件处理函数以委托的方式想父组件发送数据1<!DOCTYPEhtml>2<html>3&l...

代码星球·2020-12-29

React 事件处理函数

触摸事件：onTouchCancelonTouchEndonTouchMoveonTouchStart(只会在移动设备上接受) 键盘事件：onKeyDownonKeyPressonKeyUp 剪切事件：onCopyonCutonPaste 表单事件：onChangeonInpu...

代码星球·2020-12-29

React 生命周期介绍

[组件生命周期]一、理论　　组件本质上是状态机，输入确定，输出一定确定　　生命周期的三个阶段，三者时间是不固定的，只是在逻辑上的分类：二、初始化阶段：　　getDefaultProps:获取实例的默认属性(即使没有生成实例，组件的第一个实例被初始化CreateClass的时候调用，只调用一次,)　　getI...

代码星球·2020-12-29

React 属性和状态的一些总结

一、属性　　1、第一种使用方法：键值对　　　　<ClaaNameAname=“Tom”/>　　　　<ClaaNameAname={Tom}/>　　　　<ClaaNameAname={“Tom”}/>　　　　<...

代码星球·2020-12-29

简单搭建React-Native环境

1.背景　　差不多半年前安装这个RN环境，由于各种原因，一直安装不成功。时至今日，现在安装这个环境现在方便很多了。2.安装软件　　安装nodejs，npm https://nodejs.org/en/download/　　安装java，jre http://www.oracle.com/techne...

代码星球·2020-12-28