JSX 原来只是一个表达式：
let content = <div>七镜</div>
alert('<input />')
console.log(<div>七镜</div>)
为什么上面 3 点能实现？这是因为 JSX 标签是函数调用。既然是函数调用，JSX 标签就是一个 JavaSript 表达式，可以写在任何能容纳表达式的地方。
下面这段代码是不能工作的：
const div = <div />;
div.appendChild("input");
之所以不能工作是因为 _jsx 创建的只是一个简单的对象，并不是 DOM 节点。所以它没有 appendChild 方法供我们调用！
JSX 原来只是一个表达式： JSX 标签可以赋值给一个变量： JSX 可以将其作为参数在调用函数时传过去： JS...
一、JSX 语法 1.在 JSX 中嵌入表达式：在 JSX 中嵌入表达式，必须用{}将表达式括起来。 2.JSX ...
JSX JSX 是一个表达式，JSX的值是一个JS对象，因此可以再if for代码块中使用JSX，也可以将JSX赋...
JSX 1.Javascript表达式嵌入到jsx中;html中需要引入js： 2.JSX作为表达式 3.属性指定...
jsx——一种JavaScript的语法扩展，在html中写入js 在jsx中使用表达式，在jsx当中的表达式要包...
js表达式 一个表达式会产生一个值，可以放在任何一个需要值的地方 js语句(代码) JSX 语法 在 jsx 中只...
声明一个JSX变量 可见jsx声明的时候既不是字符串也不是HTML标签 嵌入javascript表达式 jsx可以...
一、JSX语法 1、花括号 { } 把任意的 [JavaScript 表达式]嵌入到 JSX 中 2、JSX可作表...
1.三元表达式 你可以任意地在 JSX 当中使用JavaScript 表达式，在 JSX 当中的表达式要包含在大括...
JXS： 你可以任意地在 JSX 当中使用 JavaScript表达式，在 JSX 当中的表达式要包含在大括号里。...
本文标题：445.【前端】JSX 原来只是一个表达式
本文链接：https://www.haomeiwen.com/subject/hfddartx.html
网友评论