react
otatoz
生死契阔 与子成说
展开
-
React 中的props与state
整理一下React中关于state和props的知识点。在任何应用中,数据都是必不可少的。我们需要直接的改变页面上一块的区域来使得视图的刷新,或者间接地改变其他地方的数据。React的数据是自顶向下单向流动的,即从父组件到子组件中,组件的数据存储在props和state中,这两个属性有啥子区别呢?propsReact的核心思想就是组件化思想,页面会被切分成一些独立的、可复用的组件。组件...转载 2019-03-08 14:42:20 · 139 阅读 · 0 评论 -
react渲染—基本渲染、列表渲染、条件渲染
基本渲染:<!DOCTYPE html><html><head><meta charset="UTF-8" /><title>列表渲染</title><script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"...原创 2019-07-11 22:25:03 · 275 阅读 · 0 评论 -
{...this.props}是什么意思
在react中,会看到{...this.props}的代码,不知道是什么意思,现在记录一下。{...this.props}是props所提供的语法糖,可以将父组件的所有属性复制给子组件代码如下:<!DOCTYPE html><html><head><meta charset="UTF-8" /><title>.....原创 2019-07-11 17:40:10 · 20235 阅读 · 0 评论 -
react-native 顶部导航栏
效果图: 项目结构如下: views和下面的页面手动创建环境依赖如下: 步骤 下载 react-native-scrollable-tab-view $ npm install react-native-scrollable-tab-...原创 2019-03-19 14:31:50 · 3169 阅读 · 0 评论 -
react-native 使用 iconfont
下载库npm install --save react-native-vector-icons关联库react-native link react-native-vector-icons调用库//在头部导入import Icon from 'react-native-vector-icons/FontAwesome';<Icon name="search" siz...原创 2019-03-15 11:06:37 · 285 阅读 · 0 评论 -
gitbook与Typora的使用
安装gitbook$ npm install gitbook-cli -g使用gitbook新建文件夹mybook并进入$ mkdir mybook$ cd mybook初始化$ gitbook init启动$ gitbook serve访问在浏览器输入localhost:4000下载typora地址:https://typora.io/需...原创 2019-03-07 16:01:13 · 1751 阅读 · 2 评论 -
react native 环境搭建与项目创建
JDK、Node、Python2、Android studio、react-native-cliJDK(必须是1.8版本)下载地址:(点击 Accept License Agreement)https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html ...原创 2019-03-08 17:20:34 · 501 阅读 · 0 评论 -
react向数组中追加值
首先,渲染一个随机数,每个一秒变换一次,效果如下:代码如下:<!DOCTYPE html><html><head><meta charset="UTF-8" /> <title>数组追加元素</title> <script src="https://cdn.staticfile.org/rea...原创 2019-07-12 10:46:00 · 13806 阅读 · 0 评论