如何复习掌握React的JavaScript基础知识？
- 内容介绍
- 文章标签
- 相关推荐
本文共计1447个文字，预计阅读时间需要6分钟。
前言：React核心的单向数据流、不可变数据的state、不变的props以及状态提升等常见使用总结，需要查看官方文档。
前言
React核心的单向数据流、一切皆数据的state、不会改变的props，以及状态提升等等经常使用便不多总结，需要的看官方文档。
JSX
JSX 本质只是为 React.createElement(component, props, ...children)提供的语法糖！
- 1.React DOM 在渲染之前都被转换成了字符串，它天生自带防止 XSS 攻击的属性。
- 2.Babel 转译器会把 JSX 转换成一个名为 React.createElement()的方法调用。在线babel编译
以下两段代码等价（许多react的界面设计器通过这个原理，达到元数据转化React元素，实现界面化编程！）
嵌套就是多个create方法的嵌套。
function hello() {
return <div className="red">Hello,<span>world!</span></div>;
}
"use strict";
function hello() {
return React.createElement(
"div",
{ className: "red" },
"Hello,",
React.createElement(
"span",
null,
"world!"
)
);
}
- 3.JSX中的属性是可以任何 {} 包裹的 JavaScript 表达式作为一个属性值，不能使用if和for。
本文共计1447个文字，预计阅读时间需要6分钟。
前言：React核心的单向数据流、不可变数据的state、不变的props以及状态提升等常见使用总结，需要查看官方文档。
前言
React核心的单向数据流、一切皆数据的state、不会改变的props，以及状态提升等等经常使用便不多总结，需要的看官方文档。
JSX
JSX 本质只是为 React.createElement(component, props, ...children)提供的语法糖！
- 1.React DOM 在渲染之前都被转换成了字符串，它天生自带防止 XSS 攻击的属性。
- 2.Babel 转译器会把 JSX 转换成一个名为 React.createElement()的方法调用。在线babel编译
以下两段代码等价（许多react的界面设计器通过这个原理，达到元数据转化React元素，实现界面化编程！）
嵌套就是多个create方法的嵌套。
function hello() {
return <div className="red">Hello,<span>world!</span></div>;
}
"use strict";
function hello() {
return React.createElement(
"div",
{ className: "red" },
"Hello,",
React.createElement(
"span",
null,
"world!"
)
);
}
- 3.JSX中的属性是可以任何 {} 包裹的 JavaScript 表达式作为一个属性值，不能使用if和for。