Component和Dom

React中一切都以Component的形式表现。

• class

  示例：

  export default class extends React.Component {
  
  }
  

• stateless component

  示例：

  export default () => {
  
  }
  

• dom elements

  React 实现并兼容浏览器所有依赖的Dom系统元素。

  每个Dom元素的属性都以驼峰命名。

  注意：当使用了Dom元素定义以外的属性时，React会警告。

  示例：

  return <div></div>
  

  与原生Dom不同的属性

  • checked

  input为单选和多选时的value 替代者。

  非受控组件使用defaultChecked.

• className

  原生html class属性替代者。

  • dangerouslySetInnerHTML

  dangerouslySetInnerHTML是浏览器Dom的innerHTML替代者。

• htmlFor

  htmlFor是原生html的for属性替代者。

• selected

  selected为<option>组件的属性。

• style

  style属性可以直接在React的组件上写样式。示例：

  const styles = {marginTop: 100};
  <div style={styles}></div>
  

  style中所有的样式属性都以驼峰式编写。