React 现代前端框架

39次阅读

共计 565 个字符，预计需要花费 2 分钟才能阅读完成。

JSX

JavaScript 和 XML 结合的一种语法，最终通过转化工具将 JSX 转化成 JS 推荐在 React 中使用 JSX 来描述用户界面，JSX 既不是字符串也不是 HTML，而是 XML 与 JS 的混合体

JSX 语法：
1、允许在 JS 中书写 XML 标签
2、只能有一个顶层元素
3、支持插值表达式（强大）
4、大写字母开头的标签是组件，小写字母开头的标签是 html
<Html></Html> 组件
<html></html>html 标签

插值表达式语法：{表达式}

书写 JSX 的时候一般都会带上换行和缩进，这样可以增强代码的可读性
同样推荐在 JSX 代码的外面扩上一个小括号，这样可以防止分号自动插入的 bug
const element = (
<h1>
Hello, {formatName(user)}!
</h1>
);
文本插值
{1} //1
{‘xinxin’} //xinxin
{true} //
{false} //
{null} //
{undefined} //
{NaN} //NaN 有警告
{[1,’ww’] } //1ww
{{‘bb’: 12} } // 报错
属性插值