一、jsx语法
const element = <h1>Hello, world!</h1>;
二、jsx嵌入表达式
jsx的嵌入表达式,和vue的嵌入表达式不一样,vue的双大括号,jsx只是一个单大括号就行了
const name = '不会代码的前端';
const element = <h1>Hello, {name}</h1>;
上面这个表达式name,就可以在h1标签里面通过{}渲染出来
在这个{}里面可以写入任何有用的JavaScript 表达式
jsx简介
const element = <h1>Hello, world!</h1>;
jsx的嵌入表达式,和vue的嵌入表达式不一样,vue的双大括号,jsx只是一个单大括号就行了
const name = '不会代码的前端';
const element = <h1>Hello, {name}</h1>;
上面这个表达式name,就可以在h1标签里面通过{}渲染出来
在这个{}里面可以写入任何有用的JavaScript 表达式
jsx简介