React/React Native 的 ES5 ES6 写法对照表

很多 React/React Native 的初学者都被 ES6 的问题迷惑:各路大神都建议我们直接学习 ES6 的语法 (class Foo extends React.Component),然而网上搜到的很多教程和例子都是 ES5 版本的,所以很多人在学习的时候连照猫画虎都不知道怎么做。今天在此…

React 实践心得:key 属性的原理和用法

转自:http://taobaofed.org/blog/2016/08/24/react-key/ 我们知道,React 元素可以具有一个特殊的属性 key,这个属性不是给用户自己用的,而是给 React 自己用的。如果我们动态地创建 React 元素,而且 React 元素内包含数量或顺序不确定…

让 React 正常显示你的 html 代码: dangerouslySetInnerHTML

做项目需要把服务器接口传过来的 HTML 文本字符串转换成 DOM 对象。 有两种方法: 第一种用 innerHTML; [crayon-5c18091ff0dcd199899292/] 现在主要说的是第二种: 多数时候 DOM 是透过 render 中设定的结构来处理,有些时候我们想透过字串形式的…

React 学习笔记

转载自:https://blog.laisky.com/p/react/ 一、简介 1、前言 今年上半年要给公司做个新项目,时间比较充裕,于是前端框架选用了 react,打算一般学习一边完成。 学习加用了几个月的 react,总结了一些经验,做一些分享。 因为已经有很多资料可供参考,可以见文章末尾的…

React 从入门到精通系列之 (1) 安装 React

一、安装 React React 是灵活的,可以在各种类型的项目中使用。 你可以使用它创建一个全新的应用程序,也可以逐步将其引入现有的项目中,而不需要重写整个项目。 创建一个单页面应用 Create React App是开始构建新的 React 单页应用程序的最佳方式。 它可以帮助您快速集成您的开发…

【转】官方 React 快速上手脚手架 create-react-app

此文简单讲解了官方 React 快速上手脚手架的安装与介绍。 1. React 快速上手脚手架 create-react-app 为了快速地进行构建使用 React 的项目,FaceBook 官方发布了一个无需配置的、用于快速构建开发环境的脚手架工具 create-react-app。 当然,如果你…