已解決430363個問題，去搜搜看，總會有你想問的

React的一個菜鳥問題

首頁猿問 React的一個菜鳥問題

React的一個菜鳥問題

JavaScript

千萬里不及你 2018-09-13 17:08:06

開始自學react，自己寫了一個登錄框組件，遇到了一個問題教程中告訴我react渲染UI是通過不同的狀態，于是我在onClick中使用setState改變登錄框的display屬性，從而達到點擊出現再點擊消失。但是我又看到另一種寫法。在onClick中通過React.findDOMNode(this.refs.loginbar)獲取到真實的dom元素，然后修改display。這就又和原始的獲取dom結點，修改dom結點的思路一致了我想知道這兩種有什么區別呢，哪一種更推薦，各自適用于什么場景呢，請各位回答我這個小菜鳥的問題?(＾?＾●)?還有一個問題，我這個組件很初級，假如我想使用單例模式，讓登錄框只在點擊時才新建，之后每次都返回同一個登錄框對象，這就涉及到新建dom結點了，用state的思想怎么做到呢？

查看完整描述

1 回答

梵蒂岡之花

TA貢獻1900條經驗獲得超5個贊

官方推薦第一種方案，因為React的渲染都是通過改編state來實現的。第二種方案和React設計思想不符。
至于異同，第一種是觸發React生命周期更新，觸發了了React的虛擬DOM改變，效率更高。
第二種完全是不理解React的人才能寫出來的，這種方法完全沒有用React的必要了，React的特點就是虛擬DOM提高性能效率，直接操作DOM失去了意義。

關于動態生成，我的理解答案是醬紫的：

class App extends React.Component {
  constructor(props) {    super(props);    this.state = {
      login : []
    };
  }
  render () {    return (<div>{this.state.login}</div>);
  }
  createLogin() {    if (this.state.login.length == 0)      this.setState({
        login : [<Login />],
      });
  }
}

createLogin會創建一次組件，點擊時調用它并顯示就OK，關閉就是隱藏它，或者其他類似的方法都可以隨便你怎么來。爪機碼字。

反對回復 2018-10-09

1 回答
0 關注
491 瀏覽

關注

添加回答

舉報

0/150

提交

取消

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

熱搜

最近搜索清空

React的一個菜鳥問題

React的一個菜鳥問題

1 回答

添加回答