React笔记
关注
分享
扫一扫
文章平均质量分 58
沐风的心
热爱前端的开发者
展开
-
React 基础一：JSX、Babel、单项数据流和脚手架
JSXreact是用一种假冒的DOM（它表示用来组成网页页面的HTML树）结构来创立app的，react称之为虚拟DOM。JSX语法让我们在使用JavaScript来描述HTML的时候，让代码看起来更加的像原生HTML。但请记住JSX事实上会被编译成JavaScript。在JSX中，我们不能使用class关键字来为一个元素申明样式类，但react允许我们用className这个关键字来为一个元原创 2017-01-18 17:20:10 · 802 阅读 · 0 评论 -
React 语法一：React.createClass()、ReactDOM.render()、props、state和componentDidMount()
初级语法这些内容是我学习fullstack-react-book一书，自己翻译整理出来的要点。React.createClass()为了创建一个react组件，我们在react中使用React.createClass()方法。 render()对于react组件来说是唯一必要的方法。另外一种定义react组件的方式是使用ES6的继承，具体语法为class ProductList extends原创 2017-01-18 18:21:38 · 1437 阅读 · 0 评论 -
React 基础二：目录结构、命名、创建 react apps 步骤
这些内容是我学习《fullstack-react-book》一书，自己翻译整理出来的要点。目录结构当你浏览一个网站，assets目录存放的是你浏览器下载的，并且用来展示页面的文件。浏览器在解析index.html文件的时候，该文件其内部的<head>标签内的代码具体说明了需要浏览器从服务器下载哪些额外的文件。命名组件如何命名组件完全取决于你的喜好。但是，命名时围绕着语义保持一些一致的规则，将原创 2017-01-23 23:23:25 · 3227 阅读 · 0 评论 -
React 语法二：forceUpdate()、componentWillUnmount()、onMouseEnter()与onMouseLeave()
这些内容是我学习《fullstack-react-book》一书，自己翻译整理出来的要点。基础语法forceUpdate()语法：component.forceUpdate(callback)！该方法将强迫一个react组件重新渲染。我们还可以将setInterval()函数和forceUpdate()方法进行结合运用，来产生动态且平滑的效果！react内部在调用render()方法时，会使用原创 2017-01-23 23:24:48 · 3139 阅读 · 0 评论