2019獨角獸企業(yè)重金招聘Python工程師標(biāo)準(zhǔn)>>>

一.CSS 格式轉(zhuǎn)化為React中的CSS樣式

1. css樣式?

.miniFooter{background-color: #333;color: #fdd;padding-left: 20px;padding-top: 3px;padding-bottom: 3px; }

2.React中CSS格式

const styleComponentHeader = {header: {backgroundColor: "#333",color: "#fff","padding-top": "15px", //css原生 不推進paddingBottom: "15px"},//定義其他樣式};

手機端開發(fā)只能將樣式寫在里面

import React from 'react'; import ReactDOM from 'react-dom'; //export 暴露 export default class ComponentHeader extends React.Component{render(){ //解析類的輸出const styleComponentHeader = {header: {backgroundColor: "#333",color: "#fff","padding-top": "15px", //css原生 不推進paddingBottom: "15px"},//定義其他樣式};return (<header style = {styleComponentHeader.header}><h1>這里是頭部</h1></header>)} }

3.在線轉(zhuǎn)換工具

在線轉(zhuǎn)換工具：?http://Yeea1//deRi^R_RUe.To^/9ddHoFeRTe/

把CSS 轉(zhuǎn)化為 react 中形式

轉(zhuǎn)載于:https://my.oschina.net/u/2991733/blog/1154335

總結(jié)

以上是生活随笔為你收集整理的reactJS -- 13 JSX样式与CSS的互转的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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