理解

根据需求, 如”一开始就请求信息, 利用信息绘制网页” -> 在页面数据初始化时就发送请求 -> 在componentDidMount中使用axios发送异步ajax请求

假如中途触发请求 -> 在页面数据变化(如搜索关键词)发送请求 -> 在componentWillReceiveProps中使用axios发送异步ajax请求

1). 技巧

1. Live reload 太爽啦!!!!

SX 防止注入攻击

你可以安全地在 JSX 当中插入用户输入内容：

1
2
3

const title = response.potentiallyMaliciousInput;
// 直接使用是安全的：
const element = <h1>{title}</h1>;

React DOM 在渲染所有输入内容之前，默认会进行转义。它可以确保在你的应用中，永远不会注入那些并非自己明确编写的内容。所有的内容在渲染之前都被转换成了字符串。这样可以有效地防止 XSS（cross-site-scripting, 跨站脚本）攻击。

使用React脚手架创建一个React应用

1. 组件的三个生命周期状态:
   Mount：插入真实 DOM
   Update：被重新渲染
   Unmount：被移出真实 DOM

包含表单的组件分类

a. 受控组件: 表单项输入数据能自动收集成状态

b. 非受控组件: 需要时才手动读取表单输入框中的数据

组件化开发