07.基础样式控制

React组件基础的样式控制有2种方式

行内样式（不推荐）

Text Only

<div style={{color:'red'}}>div</div>

class类名控制

Text Only

// App.js
import './index.css' 

function App() {

  return (
   <div className="App">
      <div className='foo'>div</div>
   </div>
  );
}

export default App;

CSS

index.css
.foo{
    color: red;
}