react学习(4)

1: react中的基础样式控制有两种方式

• 行内样式（不推荐）

  <div style={
       {
       color:'red'}}>这是一个div</div>
  

• class类名控制

  import  './index.css'
  function App(){
       
  return (<div className='foo'>这是一个div</div>)
  }
  

• 在className需要写多个值其中包含判断的时候

• classNames类名优化工具

上述写法不够直观和优雅，可以使用一个小工具classnames

import classNames from 'classnames'
<span className={
   classNames('nav-item',{
   active:type === item.type})}></span>