React -- jsx使用

一、jsx语法

const element = <h1>Hello, world!</h1>;

二、jsx嵌入表达式

jsx的嵌入表达式,和vue的嵌入表达式不一样,vue的双大括号,jsx只是一个单大括号就行了

const name = '不会代码的前端';
const element = <h1>Hello, {name}</h1>;

上面这个表达式name,就可以在h1标签里面通过{}渲染出来
在这个{}里面可以写入任何有用的JavaScript 表达式
jsx简介

猜你喜欢

转载自www.cnblogs.com/zjh-study/p/10907391.html