初学react之样式

一、在react中我们使用样式跟我们平常使用的有一丢丢不一样，那么我们就来看看是个神马操作先哈。

render () {
    return (
      <div
        className='editor-wrapper'
      
    )
  }

我们写class的时候，传统就是直接写class="data-style",但是在react中class要写成className,如果你想问为什么，那么我只能回答人家写框架的人就是想这么干，就是想要把原生html再封装一层，区别于原生的html,因为它是jsx,难搞哦。

二、同样我们也可以写行内样式了，但是也还是有一点点区别的。

//传统的写法
<h1 style='font-size: 12px; color: red;'>React.js 小书</h1>
//react的写法
<h1 style={{fontSize: '12px', color: 'red'}}>React.js 小书</h1>

为何要用两个花括号呢，首先第一个花括号是规定要有的，react规定的，至于第二个花括号那是因为react规定行内样式是要写键值对的方式，那就是对象了，盘它，你get到了么。