所谓状态机,是一种抽象的数据模型,是“事物发展的趋势”,其原理是事件驱动.广泛地讲,世界万物都是状态机. 一.状态机是一种抽象的数据模型 在react中,props和state都可以用来传递数据.这里作一下区分. 1.props props用于组件间的数据传递.其本身只是一个属性,不是一个状态机. 从子组件的角度看,子组件无法擅自修改父组件通过属性传递的数据,因此具有单向数据流的特点. 2.state state用于设置组件本身的状态.state用于用户数据交互.事件监听. setState会调…

一. PropTypes 与 DefaultProps 官方文档 1. PropTypes 属性校验 引入 PropTypes import PropTypes from 'prop-types'; 强校验 props 属性 eg: import React, { Component } from 'react' import PropTypes from 'prop-types' class TodoItem extends Component{ constructor(props){ sup…

nginx.fastCGI.php-fpm关系梳理 还可以参考:http://www.cnblogs.com/skynet/p/4173450.html   前言: Linux下搭建nginx+php+memached(LPMN)的时候,nginx.conf中配需要配置fastCGI,php需要安装php-fpm扩展并启动php-fpm守护进程,nginx才可以解析php脚本.那么,这样配置的背后原理是什么?nginx.fastCGI.php-fpm之间又有什么关系呢?博主一直有这样的疑惑,由于…

MySQL.sqlalchemy.pymysql.mysqldb.DBAPI之间关系梳理(终于明白了) python3不再支持mysqldb 请用pymysql和mysql.connector 问题背景用Python处理MySQL数据库相关问题时,需要用到相关库,主要有pymysql.sqlalchemy等,各种术语比较多,需要做一下系统梳理. 问题解释Python 标准数据库接口为 Python DB-API,Python DB-API为开发人员提供了数据库应用编程接口. Python 数据库…

React的数据模型分为共有数据和私有数据,共有数据可以在组件间进行传递,私有数据为当前组件私有.共有数据在React中使用props对象来调用,它包含标签所有的属性名称和属性值,props对象有三个特性,单向流动性.显示传递性和只读性.单向流动性是指React的数据只能由父组件传递到子组件,而不能由子组件传递到父组件:显示传递性是指必须明确地在子组件中通过属性赋值,数据才可以传递到子组件:只读性是指props数据是只读的,数据修改后并未改变原始的数据模型,而是会新生成一份数据模型,并将新的数据…

我们很明显的能够感受到,react是一门数据驱动的框架,当数据发生变化,页面就会自动发生变化,他背后的原理是怎么样子的呢 比如todolist例子里面,inputValue变了,框里面的内容就会自动变.同时input框里面见监听了onChange事件,input框里面的内容变了,inputValue也会自动变.这里通过事件重新赋值给了inputValue.那么state和页面之间互相联动,他的底层机理是怎么样的呢 当组件的state或者props发生改变的时候,render函数就会重新执行.这里…

Redux是一款状态管理库,并且提供了react-redux库来与React亲密配合, 但是总是傻傻分不清楚这2者提供的API和相应的关系.这篇文章就来理一理. Redux Redux 三大核心 Redux的核心由三部分组成:Store, Action, Reducer. Store : 是个对象,贯穿你整个应用的数据都应该存储在这里. Action: 是个对象,必须包含type这个属性,reducer将根据这个属性值来对store进行相应的处理.除此之外的属性,就是进行这个操作需要的数据. R…

If you have props and actions, you want one component to access those props and actions, one solution is pass those from parent to this component. But one problem for this solution is if the there are many nested component between, you need to pass t…

学习Redux之前,我了解了它需要去解决什么问题: 用户使用方式复杂 不同身份不同使用方式 多个用户可以协作 与服务器大量交互,或者使用websocket 视图数据从多个来源获取 共享组件状态 组件之间可以改变状态 Redux相比于的React特点是多交互,多数据源.根据文章,得出一句话:Redux应用具有唯一的Store,一个State对应一个View,View导致了State的变化,改变State的唯一方法是Action对象,store.dispatch()是View 发出 Action 的…

今天又敲了一丁点代码,看了一下props和state的用法 原本以为state只是一个状态,但是又阅读了一下原文,才知道state是一组状态,这些状态是开发者自己定义的,都统一在state这个大类底下,跟props一样都是 this.props.propertyName this.state.stateName 这种形式,props和state是控制组件的两种类型,props是开发者自定义的组件参数,state表达的是一种状态用于控制组件的内容 /** * Sample React Native…