React中的style样式

最新推荐文章于 2024-05-15 17:29:30 发布

youngjqz

最新推荐文章于 2024-05-15 17:29:30 发布

阅读量5.1w

点赞数 2

分类专栏：前端 React 文章标签： react javascript

本文链接：https://blog.csdn.net/youngjqz/article/details/80318045

版权

前端同时被 2 个专栏收录

24 篇文章 1 订阅

订阅专栏

React

4 篇文章 0 订阅

订阅专栏

React中的style样式

在react中使用style样式时,先创建一个对象,对象的内容时css属性以及属性值,在使用的时候,将对象绑定在相应的元素上

<body>
<div id="app"></div>
</body>
<script type="text/babel">
    const style={
        color:'pink',
        fontSize:'30px',
        border:'1px #666 solid',
    };
    class Test extends React.Component{
        render(){
            return (
                <div style={style}>
                    Hello World!
                </div>
            )
        }
    }
    ReactDOM.render(
        <Test/>,
        document.getElementById('app')
    )
</script>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

youngjqz

关注关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
React中的style样式

React中的style样式在react中使用style样式时,先创建一个对象,对象的内容时css属性以及属性值,在使用的时候,将对象绑定在相应的元素上&lt;body&gt;&lt;div id="app"&gt;&lt;/div&gt;&lt;/body&gt;&lt;script type="text/babel"&gt; const style={
复制链接

扫一扫