![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
贪玩的木木
这个作者很懒,什么都没留下…
展开
-
React入门(四):state & props
在 React 中,为了方便数据的管理和问题追踪,采用的是单向数据流的方式,数据的组织形式是树状的,由上至下单向流动。数据从父组件到子组件,子组件只能读取父组件传递过来的数据,不能修改。React 中的数据有两种,一种是组件自身的状态:state,另一种是由父组件传来的属性:props(property-属性)。熟练掌握这两种数据对象,是 React 的基本功之一。 state:正如名字所示,state代表着组件自身的状态,往往用来实现对行为的控制、数据的更新、界面的渲染,state只能够由组件.原创 2020-07-25 22:31:24 · 94 阅读 · 0 评论 -
React入门(二):Get Start
React 是一个十分灵活的框架,它可以像 JQuery 一样,仅仅通过引入就能够使用,也可以完完全全地使用 React 搭建一个完整的项目。在使用时,React 同时支持 ES5 和 ES6(ECMAScript,即 JS 的标准,可以简单地理解为不同版本的 JS ),你可以根据自己的习惯灵活地使用。还有其独特的 JSX(JavaScript 的语法扩展,即 JS 和 HTML 混合使用,再通过 Babel 编译为普通的 JS),如果你用不惯,也可以直接使用 JS。总而言之,React 使用起来十分灵活.原创 2020-07-24 18:20:18 · 441 阅读 · 0 评论 -
React入门(三):常用的JSX
JSX(JavaScript XML):JSX 是一种 JavaScript 的语法扩展,其表现形式为 JavaScript 与 HTML 的混合使用。JSX 会被 Babel 编译为 JS,且在编译过程中就能够发现错误,所以安全性较高,能够防范部分 XSS 等攻击手段。JSX的执行速度很快,因为它在编译为 JS 代码后进行了优化。JS 和 HTML 混合使用的模式,在熟悉了之后还能够大大提高开发效率和代码可读性。 1、嵌入表达式:将 JS 表达式通过大括号包裹起来使用,比如 {1+2*3}、{.原创 2020-07-24 18:18:14 · 132 阅读 · 0 评论 -
React入门(一):Why React
在正式学习 React 之前,我们必须知道 React 的特性以及它是否真的适合我们,必须弄明白,为什么我们选择用 React 开发项目而不是 Vue 或者 Angular。接下来我就简单地说一说 React 的特性以及优缺点。 1、声明式开发:像原生的 JS 和 JQuery 那样频繁对 DOM 进行操作的开发方式称之为命令式开发。而 React 颠覆了这一方式,React 中几乎没有对 DOM 的直接操作,而是通过操作数据,当元素的状态发生改变时,React 会自动渲染,相当于自动帮你进行了.原创 2020-07-22 22:11:47 · 211 阅读 · 0 评论