React基础之插值

React中使用使用插值时

添加花括号与不使用花括号时有区别的

使用花括号时,插入的是一个js表达式

const divContent="标签内部"

const divTitle='标签标题'

function App() {

return (

<div title={divTitle}>{divContent}</div>

);

}

export default App;

不适用花括号时传入的是一个js表达式的值

const divContent="标签内部"

const divTitle='标签标题'

function App() {

return (

<div title="{divTitle}">{divContent}</div>

);

}

export default App;

相关推荐
吃饺子不吃馅19 小时前
【八股汇总,背就完事】这一次再也不怕webpack面试了
前端·面试·webpack
Amos_Web19 小时前
Rust实战教程--文件管理命令行工具
前端·rust·全栈
li理19 小时前
鸿蒙相机开发入门篇(官方实践版)
前端
webxin66619 小时前
页面动画和延迟加载动画的实现
前端·javascript
逛逛GitHub19 小时前
这个牛逼的股票市场平台,在 GitHub 上开源了。
前端·github
细节控菜鸡20 小时前
【排查实录】Web 页面能打开,服务器能通接口,客户端却访问失败?原因全在这!
运维·服务器·前端
duandashuaige20 小时前
解决用electron打包Vue工程(Vite)报错electron : Failed to load URL : xxx... with error : ERR _CONNECTION_REFUSED
javascript·typescript·electron·npm·vue·html
今天头发还在吗20 小时前
React + Ant Design 日期选择器避免显示“Invalid Date“的解决方案
前端·react.js·前端框架·ant design
时雨__20 小时前
利用AndVX6开发流程图——问题总结
前端
渣哥20 小时前
当容器里有多个 Bean,@Qualifier 如何精准定位?
javascript·后端·面试