好客租房13-在jsx中使用javascript表达式
2023-04-07 06:43:17 阅读次数:126
html,javascript,前端
嵌入js表达式
数据存储在js中
语法{javascript表达式}
注意语法中是单大括号 不是双大括号
//导入react
import React from "react"
import ReactDOM from "react-dom"
//第一步创建jsx创建react元素
const name="geyao"
const title = <p className={{color:"red"}}>hello {name}</p>
//第二步渲染React元素
ReactDOM.render(title,document.getElementById("root"))
版权声明:本文内容来自第三方投稿或授权转载,原文地址:https://blog.51cto.com/u_15460007/6048301,作者:前端导师歌谣,版权归原作者所有。本网站转在其作品的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如因作品内容、版权等问题需要同本网站联系,请发邮件至ctyunbbs@chinatelecom.cn沟通。
上一篇:好客租房30-事件绑定this指向(箭头函数)
下一篇:好客租房14-在jsx中使用javascript表达式的注意点