在React中，这两种实现之间有什么真正的区别？一些朋友告诉我，FirstComponent是模式，但是我不明白为什么。SecondComponent似乎更简单，因为渲染仅被调用一次。

第一：

import React, { PropTypes } from 'react'

class FirstComponent extends React.Component {

  state = {
    description: ''
  }

  componentDidMount() {
    const { description} = this.props;
    this.setState({ description });
  }

  render () {
    const {state: { description }} = this;    
    return (
      <input type="text" value={description} /> 
    );
  }
}

export default FirstComponent;

第二：

import React, { PropTypes } from 'react'

class SecondComponent extends React.Component {

  state = {
    description: ''
  }

  constructor (props) => {
    const { description } = props;
    this.state = {description};
  }

  render () {
    const {state: { description }} = this;    
    return (
      <input type="text" value={description} />   
    );
  }
}

export default SecondComponent;

更新：我将setState（）更改为this.state = {}（感谢乔伊斯），但是，我仍然看不到区别。一个比另一个好吗？