react随笔

state:数据随着时间变化,用来实现用户交互功能。
props:用来实现组件间的通讯(值传递等);

-->>从最小应用开始,区分出每个组件的prop和state这两种数据"模型"。
分析时,根据提出的三个问题来实现区分:
1.是否是从父级通过 props 传入的?如果是,可能不是 state 。
2.是否会随着时间改变?如果不是,可能不是 state 。
3.能根据组件中其它 state 数据或者 props 计算出来吗?如果是,就不是 state 。
-->>然后需要确认state的生命周期。
反向数据流的概念。
我们都知道angular中的数据是双向绑定的,而在react中为了理解起来相对简单,使用的是单向数据流的模式
。而在一些层级很深的组件(比如一个form组件),需要反向地改变父级组件的state。在react中提供了实现这种方法的插件,称为ReactLink。

箭头函数“=>”只含有一个参数的简单函数,语法:标示符=>表达式,当你需要多个参数时,需要将标示符用小括号包裹起来。
H5中的main标签,只有IE不支持。在文档中具有唯一性!重要性!还对父元素很挑剔。

时间: 2024-10-12 16:40:40

react随笔的相关文章

React 随笔二

这周做的demo3和demo4.5 随记的小点. 1.js错误提示: Warning: Each child in an array or iterator should have a unique "key" prop. Check the render method of `HelloMessage`. See https://fb.me/react-warning-keys for more information. 解决办法,给组件加个key属性,并赋值唯一key值用来标识.

React 新手随笔

一.HTML 模板 使用 React 的网页源码,结构大致如下. <!DOCTYPE html> <html> <head> <script src="../build/react.js"></script> <script src="../build/react-dom.js"></script> <script src="../build/browser.min.

React Router路由随笔

1.安装以及基本使用 yarn add react-router-dom 基本结构: import React from "react"; import { BrowserRouter as Router, Route, Link } from "react-router-dom"; import Index from "./Pages/Index"; import List from "./Pages/List"; // t

React学习随笔

一.在非create-react-app创建的项目,使用JSX需要注意的问题 1.1 入门的时候,要引入Babel,并将<script>标签加上type='text/babel'的属性. 1.2 将JSX引入项目,需要安装node.js, 第1步:运行npm init -y 第2步:运行npm install [email protected] [email protected] 安装完成后,运行 npx babel --watch src --out-dir . --presets reac

React Native Android随笔日记

1.以前做Listview 的时候都会有一个滚动条,不由分说,很丑,以前想要去掉却无从下手, 今日偶然发现Scrollview有两个属性 showsHorizontalScrollIndicator bool 当此属性为true的时候,显示一个水平方向的滚动条. showsVerticalScrollIndicator bool 当此属性为true的时候,显示一个垂直方向的滚动条. 一定要记得试一下.果然有用,验证成功. 2.一些简洁的代码语法老会忘记怎么写,现发现一条就记录一条 <View s

手把手教你如何使用webpack+react

上一篇随笔讲述了新手入门入门前端 里面提到的第四阶段跟上当前前端的发展需要入门一个框架和自动化工具,当时推荐的是webpack+react 今天正好有空,也把自己入门webpack + react 的艰辛过程写下来, 现在想起来真是一脸泪.过程不表了, 现在将我看到的一些教程总结一下,挑选出对新手比较友好的学习过程.   第一步: webpack 和 react  是要配合node.js 一起使用的. 去node.js官网下载当前node, 官网会根据你的环境匹配你适合的版本,直接下载安装就好了

搭建 webpack + React 开发环境

说在开头 上个月断断续续的在研究webpack的配置,但是很多网上的文章基本上都是只说了开发环境的配置,而忽略了生产环境的配置.大致研究了一下门路,然后就来写一篇随笔让自己能在以后能有个地方可以做参考. 正文开始 我就假装大家都是装了node的情况下. 1.进入项目目录,运行`npm init`按照步骤填写最终生成`package.json`文件,所有使用 npm 做依赖管理的项目,根目录下都会有一个这个文件,该文件描述了项目的基本信息以及一些第三方依赖项(插件).详细的使用说明可查阅[官网文档

React自己写的一个地图小组件

由于今天比较闲,就玩了玩react,然后就封装了一个地图的组件,当然功能比较简单,因为就是随手写的小东西,但是由于引用了百度API和bee-mobile,所以用起来可能要薛微麻烦一点点,但是我保证,只是一点点而已. 由于之前发了一次,说字数太少从主页移出了,作为一个铁头娃,那我肯定得重写啊.前一次发的不够细致,这次就薛微细一点好吧, 由于,由于,鱿鱼,说的我都饿了.不说了进入正题好吧, 首先说说主体思想,思想比较简单,去拿过来百度地图的API和bee-mobile,然后将两者结合到一起,形成新的

React 系列 - 写出优雅的路由

前言 自前端框架风靡以来,路由一词在前端的热度与日俱增,他是几乎所有前端框架的核心功能点.不同于后端,前端的路由往往需要表达更多的业务功能,例如与菜单耦合.与标题耦合.与"面包屑"耦合等等,因此很少有拆箱即用的完整方案,多多少少得二次加工一下. 1. UmiJS 简述 优秀的框架可以缩短 90% 以上的无效开发时间,蚂蚁的 UmiJS 是我见过最优雅的 React 应用框架,或者可以直接说是最优雅的前端解决方案(欢迎挑战),本系列将逐步展开在其之上的应用,本文重点为"路由&q