绑定 React 元素的样式属性(style)

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

把鼠标放在这个标题内容的上面,现在鼠标指针用的是默认的样式,我想直接给这个标题元素绑定行内样式,修改鼠标指针的样式。

先打开 AppHeader 组件。在使用 JSX 的写法创建的 React 元素上绑定行内样式,可以在这个元素上面先用一个 style 属性,在这个 h1 元素上添加一个 style 属性。

然后一组大括号,再给它提供一个对象,这个对象里的东西就是要绑定的样式。在这个对象里设置一下 cursor 这个样式属性,把它的值设置成 'pointer',再用一个 fontSize 属性,设置一下字号,大小是 24px。

在浏览器上预览一下,现在标题文字的大小会有变化,再把鼠标放在这个标题内容的上面,鼠标指针会变成手形。检查一下这个标题元素,显示这个标题元素上使用了一个 style 属性,它里面的 cursor 的值被设置成了 pointer,font-size 的值是 24px。

绑定 React 元素的样式属性(style)《 React.js 前端应用开发:定义组件 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点