react样式之JSX样式与CSS的互转

在线转换网址：

https://staxmanade.com/CssToReact/

其他前端工程师写好的一个css模块代码，可以直接通过这个工具在线转换为react可用的样式，提高协同工作的效率。

转成JSX之后可以直接在react项目里面使用

import React from 'react';
//var footerCss  =  require("../../css/footer.css");
export default class ComponentFooter extends React.Component {
	render() {
		var footerConvertStyle = {
			"miniFooter": {
				"backgroundColor": "#333333",
				"color": "#ffffff",
				"paddingLeft": "20px",
				"paddingTop": "3px",
				"paddingBottom": "3px"
			},
			"miniFooter_h1": {
				"fontSize": "15px"
			}
		};
		//console.log(footerCss);
		return (
			<footer style={footerConvertStyle.miniFooter}>
				<h1 style={footerConvertStyle.miniFooter_h1}>这里是页脚，一般放置版权的一些信息。</h1>
			</footer>
		)
	}
}