react怎么寫行內樣式？下面本篇文章給大家介紹一下react 行內樣式幾種寫法。有一定的參考價值，有需要的朋友可以參考一下，希望對大家有所幫助。

react 行內樣式幾種寫法

法一

這是評論列表組件1

法二const title={color:"red",fontSize:'30px',fontWeight:'400',textAlign:'center'},

這是評論列表組件1

法三

將數據合并到一個對象中定義，也可以如下面這樣抽離出去import React from 'react'

import CmtItem from '@/components/CmtItem'

import styles from '@/components/csslist.js'

export default class Cmtlist extends React.Component{

constructor(){

super()

this.state={

CommentList:[

{id:1,user:'張三1',content:'格外'},

{id:2,user:'南方2',content:'的'},

{id:3,user:'車站3',content:'寒冷'},

{id:4,user:'的雪4',content:'哈哈哈'},

{id:5,user:'嗝的5',content:'哈哈哈'}

]

}

}

render(){

return

這是評論列表組件1

{this.state.CommentList.map(item=>)}

}

}//頁面csslist.js

更多web前端知識，請查閱 HTML中文網 ！！

總結

以上是生活随笔為你收集整理的html5中行内样式写法,react怎么写行内样式？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。