react 记录

uuid.v4()  生成唯一id.

items.findIndex(item => item.id == id)

延展操作符(Spread operator)

var people=[‘Wayou‘,‘John‘,‘Sherlock‘];
//sayHello函数本来接收三个单独的参数人妖,人二和人三
function sayHello(people1,people2,people3){
  console.log(`Hello ${people1},${people2},${people3}`);
}
//但是我们将一个数组以拓展参数的形式传递,它能很好地映射到每个单独的参数
sayHello(...people);//输出:Hello Wayou,John,Sherlock
//而在以前,如果需要传递数组当参数,我们需要使用函数的apply方法
sayHello.apply(null,people);//输出:Hello Wayou,John,Sherlock

  

而在 React 中,延展操作符一般用于属性的批量赋值上。在JSX中,可以使用…运算符,表示将一个对象的键值对与ReactElement的props属性合并。

var props = {};
  props.foo = x;
  props.bar = y;
  var component = <Component {...props} />;

//等价于
var props = {};
  props.foo = x;
  props.bar = y;
  var component = <Component foo={x} bar={y} />;

  

时间: 2024-10-25 04:27:13

react 记录的相关文章

React 记录(3)

Hello World:https://www.reactjscn.com/docs/hello-world.html 慢慢学习:对照教程文档,逐句猜解,截图 React官网:https://reactjs.org React中文网站:https://www.reactjscn.com Github地址:https://github.com/facebook/react React 技术栈系列教程:http://www.ruanyifeng.com/blog/2016/09/react-tech

React 记录(14)

React文档:https://www.reactjscn.com/docs/jsx-in-depth.html 慢慢学习:对照教程文档,逐句猜解,截图 React官网:https://reactjs.org React中文网站:https://www.reactjscn.com Github地址:https://github.com/facebook/react React 技术栈系列教程:http://www.ruanyifeng.com/blog/2016/09/react-technol

示例开发过程记录:meteor,react,apollo

本示例记录一个开发过程: 1)参考 Meteor React TUTORIAL教程 https://www.meteor.com/tutorials/react/creating-an-app 2)... ---------------------------- 第一部分  创建脚手架项目 1.在win10,安装 Meteor 1.4.2: 2.进入命令(CMD)提示符,创建目录 x:\zeng,在此目录下创建空项目,使用 meteor create eccom 创建一个 "eccom"

【REACT NATIVE 跨平台应用开发】环境搭建问题记录&&XCODE7模拟器上COMMAND+R失效的几种替换方法

本站文章均为 李华明Himi 原创,转载务必在明显处注明: 转载自[黑米GameDev街区] 原文链接: http://www.himigame.com/react-native/2147.html React Native 这里不多介绍,其实就是个跨平台开发原生应用的开源引擎. 更详细的介绍,大家可以搜索"facebook react native" 或 "taobao react native" 附上 React Native 官方网站:http://react

React学习记录一

半路出家直接上手React,其实有点吃力,所以开始研究create-react-app,从这里下手吧. create-react-app 官方网站:https://github.com/facebookincubator/create-react-app 然后下面有教程,但是js水平还停留在只会用用jquery的我,完全看不懂这是个什么鬼,什么是npm?. 所以呢,我有抽空看了一下node.js的基础,算是扫扫盲. 这里是菜鸟教程:http://www.runoob.com/nodejs/nod

React官方文档学习记录(四)- 条件渲染

一点点记录,建议需要学习React的移步官方文档去学习. 在React中,你可以创建一个清晰(distinct)的组件来简要描述你现在需要的东西.然后,你只需要使用你应用中的state来渲染它们. React中的条件型渲染跟JavaScript中的条件运算符运行方式差不多.好像就是使用JavaScript中的if或者三元运算符创建元素来显示现在的状态,然后让React更新UI来匹配这些修改. 下面这个例子就是根据不同的isLoggedIn进行不同的欢迎. 1 2 3 4 5 6 7 8 9 10

react笔记记录

React全家桶:1.react库主题:2.webpack 自动化的一个构架工具(grunt gulp);3.flex 布局用的:4.redux view层用,把特别复杂的html页面分成一部分一部分的:5.babel:编译器: jsx语法: 不能直接用,要编译:它就相当于js编译器,把普通的js转成支持es6的语法规则:1.增强版的js语法, babel:编译器: 注意:有且只有一个一个父元素:(顶元素) 第一个react: ReactDOM.render();render有2个参数,一个参数

React等开发工具记录

React Native :React 起源于 Facebook 的内部项目,结合了 Web 应用和 Native 应用的优势,可以使用 JavaScript 来开发 iOS 和 Android 原生应用.在 JavaScript 中用 React 抽象操作系统原生的 UI 组件,代替 DOM 元素来渲染等. Native App是一种基于智能手机本地操作系统如iOS.Android.WP并使用原生程式编写运行的第三方应用程序,也叫本地app. react官网地址:https://faceboo

React 学习记录

理解React中es6方法创建组件的this