如何在 React 中运用 CSS

Question

如何在 React 中运用 CSS

Answer 1

import React, { Component } from 'react';import { Link } from 'react-router';/* 导入组件样式 */import styles from './styles';/*根据这个例子，在render的时候，最外部的className就采用{`${styles}`}的写法，这个方括号内的style就是自己写的样式名*/export class Header extends Component {render() {return (<header className={`${styles}`} ref="header"><div className="container"><div className="row"><div className="col-xs-5 col-sm-5 col-md-5 col-lg-5"><nav><Link to="/home" activeClassName="active">Home</Link><Link to="/list" activeClassName="active">Redux</Link></nav></div></div></div></header>);}}