美文网首页
React学习记录

React学习记录

作者: 一抹春绿误行程 | 来源:发表于2019-03-25 14:24 被阅读0次

        大概一年半之前用过React,后来因为工作的原因再也没有接触到React。前端日新月异,室友(也是同行)的提醒,让我有了更强的危机感,模块化开发已是前端基本技能。抛弃各种框架本身的运用来说,更为重要的是它们提供的编程思维。提高自己专业水平,迫在眉睫。

        我想在简书上记录自己的一些学习笔记,自己实在太菜。今天在React中看到一个demo。

有一段代码如下:

const newItem={

text:this.state.text,

id:Date.now()

};

this.setState(state => ({

items :state.items.concat(newItem),

text:''

}))

这里为什么使用的是concat?增加一条数据,不是可以直接push()吗?而且newItem明明是一个对象,concat()的用法,我记得是把多个数组拼接起来组合成新的数组并返回。

后来思考如下:

push会改变原来的数组,使用push方式的话,最好是copy一份_items,然后push()一条数据,再通过setState方法,将新的_items赋值给items。这样做就把问题复杂化了。concat,拼接新的值并返回新的数组对象,添加数据与赋值一步到位,实在让我这个小白惭愧。

学习过程中,看到很多大神的写法,尤其是&& 和||用在赋值操作上的方式,再次感叹自己好菜。

相关文章

  • React Native学习记录

    React Native学习记录 参考资料: react native中文网http://reactnative....

  • 学习react教程

    这是我第一次学习React,记录于此,共勉。网址收藏: React官网,React的Github,React的中文...

  • react学习记录

    本文首发于我的博客 前言 前段时间用vue重构完公司的pc项目后闲了两天,回味了一下vue的整体开发过程。现在公司...

  • React学习记录

    因为对 Vue 挺熟练, 考虑到现在 React 的市场也挺好的 , 多学点总没错 !直接脚手架搞起来~首先介绍...

  • React学习记录

    大概一年半之前用过React,后来因为工作的原因再也没有接触到React。前端日新月异,室友(也是同行)的提醒,让...

  • 创建react项目——初识create-react-app

    开始学习react了,首先简单记录下react项目的创建 首先时create-react-app的安装 npm i...

  • React技术栈学习

    前言 有一个新项目需要用到React,时间是比较急的。这段时间开始学习React,记录学习过程。 学习线路 现在还...

  • React Native(一):Reac Native简介

    最近开始学习前端的react native相关的内容,做个记录,希望可以坚持下去。 React Native 是由...

  • React-native学习记录

    React-native学习记录: https://reactnative.cn 安装http://mazhuan...

  • React学习记录:JSX

    在React中启用了javaScript的语法扩展,也就是所谓的JSX,JSX可以让我们在javaScript中书...

网友评论

      本文标题:React学习记录

      本文链接:https://www.haomeiwen.com/subject/yjbvvqtx.html