42. 简述style、className设置元素样式的异 同？

在React中，要设置元素的样式通常有两种方式：使用style属性或使用className属性。

使用style属性可以直接在JSX中设置元素样式，例如：

<div style={{backgroundColor: 'red', fontSize: '16px'}}>Hello World</div>

使用className属性可以通过CSS文件定义样式，然后在JSX中引用定义的类名，例如：

// CSS 文件
.red-bg {
  background-color: red;
  font-size: 16px;
}

// JSX 中引用
<div className="red-bg">Hello World</div>

两种方式的区别在于，使用style属性可以直接在JSX中设置样式，不需要另外的CSS文件，但是需要注意样式属性名与值都需要使用驼峰命名法；而使用className属性需要另外定义CSS样式，但是可以方便地复用样式，并且可以使用CSS的众多特性。另外，使用className属性可以通过CSS预处理器（如SASS、LESS等）来提高开发效率。