相关疑难解决方法(0)

React组件从props初始化状态

在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;
Run Code Online (Sandbox Code Playgroud)

第二:

import React, { PropTypes } from 'react'

class SecondComponent extends React.Component {

  state = {
    description: ''
  }

  constructor (props) => {
    const { description } …
Run Code Online (Sandbox Code Playgroud)

javascript components reactjs

168
推荐指数
6
解决办法
20万
查看次数

标签 统计

components ×1

javascript ×1

reactjs ×1