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简介

posted @ 2019-05-22 17:35  不会代码的前端  阅读(490)  评论(0编辑  收藏  举报