2019獨角獸企業重金招聘Python工程師標準>>>

一.CSS 格式轉化為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"},//定義其他樣式};

手機端開發只能將樣式寫在里面

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.在線轉換工具

在線轉換工具：?http://Yeea1//deRi^R_RUe.To^/9ddHoFeRTe/

把CSS 轉化為 react 中形式

轉載于:https://my.oschina.net/u/2991733/blog/1154335

總結

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

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