好客租房13-在jsx中使用javascript表达式

简介: 好客租房13-在jsx中使用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"))



相关文章
|
JavaScript 前端开发
在JSX中书写JS代码
在JSX中书写JS代码
在JSX中书写JS代码
|
5月前
|
前端开发 JavaScript
JSX 中带有大括号的 JavaScript
JSX 中带有大括号的 JavaScript
|
JavaScript 前端开发 开发者
在 JSX 中书写 JS 代码|学习笔记
快速学习在 JSX 中书写 JS 代码
122 0
在 JSX 中书写 JS 代码|学习笔记
|
XML JavaScript 前端开发
vue.js使用JSX语法扩展
vue.js使用JSX语法扩展
vue.js使用JSX语法扩展
|
JavaScript 前端开发
react 在js文件中实现和jsx页面的双向绑定
react 在js文件中实现和jsx页面的双向绑定
|
JavaScript 前端开发
解决Vite-React项目中.js使用jsx语法报错的问题
解决Vite-React项目中.js使用jsx语法报错的问题
1455 0
|
JavaScript 前端开发
ESLint:可组装的JavaScript和JSX检查工具
ESLint:可组装的JavaScript和JSX检查工具
145 0
|
JavaScript 前端开发
ESLint:可组装的JavaScript和JSX检查工具
ESLint:可组装的JavaScript和JSX检查工具
109 0
|
JavaScript
React.js中JSX的原理与关键实现
在开始开发之前,我们需要创建一个空项目文件夹
React.js中JSX的原理与关键实现
|
前端开发 JavaScript
好客租房14-在jsx中使用javascript表达式的注意点
好客租房14-在jsx中使用javascript表达式的注意点
84 0