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

react 行內(nèi)樣式幾種寫法

法一

這是評(píng)論列表組件1

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

這是評(píng)論列表組件1

法三

將數(shù)據(jù)合并到一個(gè)對(duì)象中定義，也可以如下面這樣抽離出去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

這是評(píng)論列表組件1

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

}

}//頁(yè)面csslist.js

更多web前端知識(shí)，請(qǐng)查閱 HTML中文網(wǎng) ！！

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。