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;

相关推荐
奶球不是球2 分钟前
el-table(elementui)表格合计行使用以及滚动条默认样式修改
前端·vue.js·elementui
liuyang___4 分钟前
vue管理布局左侧菜单栏NavMenu
前端·javascript·vue.js
@业精于勤荒于嬉13 分钟前
将图片存储至阿里云 OSS
前端·阿里云·云计算·oss
前端Hardy29 分钟前
HTML&CSS&JS:必学!用粒子爆炸效果,让按钮点击 “告别枯燥”
javascript·css·html
前端Hardy32 分钟前
HTML&CSS&JS:必看!主题“自动换装”,10+风格随机切换超惊艳
javascript·css·html
打野赵怀真39 分钟前
render函数中return如果没有使用()会有什么问题?
前端·javascript
Scraper002440 分钟前
如何使用API和Node.js抓取Google新闻?
javascript
Riesenzahn40 分钟前
写一个左中右的满屏布局,左右固定220px,中间自适应并且要优先加载
前端·javascript
Riesenzahn41 分钟前
css在页面上画一个正方形,边长为页面宽度的一半
前端·javascript
tommyrunner42 分钟前
Cursor rule文件测试 一秒了解AI行为规则文件
前端·cursor