react学习笔记（二）

JSX 特定属性

以通过使用引号，来将属性值指定为字符串字面量：

const element=<divt abIndex="0"></div>;

也可以使用大括号，来在属性值中插入一个 JavaScript 表达式：

const element=<img src={user.avatarUrl}></img>;

警告：

因为 JSX 语法上更接近 JavaScript 而不是 HTML，所以 React DOM 使用 camelCase（小驼峰命名）来定义属性的名称，而不使用 HTML 属性名称的命名约定。

例如，JSX 里的 class 变成了 className，而 tabindex 则变为 tabIndex。

React 只更新它需要更新的部分

React DOM 会将元素和它的子元素与它们之前的状态进行比较，并只会进行必要的更新来使 DOM 达到预期的状态。