亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

從組件反應組件初始化狀態

從組件反應組件初始化狀態

小唯快跑啊 2019-11-23 13:50:36
在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 = {}(感謝joews),但是,我仍然看不到區別。一個比另一個好嗎?
查看完整描述

3 回答

?
GCT1015

TA貢獻1827條經驗 獲得超4個贊

您不需要調用setState組件constructor- this.state直接設置是慣用法:


class FirstComponent extends React.Component {


  constructor(props) {

    super(props);


    this.state = {

      x: props.initialX

    };

  }

  // ...

}

參見React docs-向類添加局部狀態。


您描述的第一種方法沒有任何優勢。它將在首次安裝組件之前立即進行第二次更新。


查看完整回答
反對 回復 2019-11-23
?
函數式編程

TA貢獻1807條經驗 獲得超9個贊

一個示例-可切換的組件(例如,一個彈出框或抽屜)。父級知道組件應該開始打開還是關閉。組件本身可能會在某個時間點知道它是否處于打開狀態。在那種情況下,我認為this.state = { isVisible: props.isVisible }是有道理的。取決于應用程序如何分配UI狀態。

查看完整回答
反對 回復 2019-11-23
  • 3 回答
  • 0 關注
  • 842 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號