鑽牛角尖似的學習React.萌到發蠢的萌新

嗯，，，實習期間一直用的vue,去年爲了應付面試，（面試造火箭，工做擰螺絲。。。）但當時react看了一週，簡歷上都是寫的，知道React.笑哭了要。。嗯。。。如今已經忘完了。vue

1.hello React

要安裝三個依賴，具體緣由對於只是知道1+1=2的我來講，太難了，不知道，如今，嗯，個人學習方法是溫故而知新，等之後「溫故」的時候再研究。hahhreact

1.安裝三個必需要安裝的面試

（1)react.js 這是核心包，npm

安裝方式：npm install react --save瀏覽器

(2)react-dom.js 渲染頁面中的dom，當前文件依賴react核心文件安全

安裝方式：npm install react-dom ---savebash

(3)babel.js ES6轉換成ES5 JSX語法換成js 現今瀏覽器兼容 babel

安裝方式：npm install babel-standalone --savedom

2.下載完成，添加引用學習

參照目錄，引入對應的引用

3.建立根節點

<div id="demo"></div>

4.小栗子實現

<body>

<div id="demo"></div>

<script type="text/babel">

// jsx = js xml js的擴展語法

// 優勢

// 1，執行效率更快

// 2.類型安全，編譯過程能及時發現錯誤

// 3.使用jsx的時候編寫會更加簡單和快捷

let myDom = <h1>hello React</h1>;

ReactDOM.render(myDom,document.getElementById("demo"));

</script>

</body>

5.結果

6.總結和補充

寫ReactDom.render()的時候，嘻嘻嘻，看出來問題了嗎。

要大寫啦！

ReactDOM.render()

emmm...我記住了

2.關於註釋和多個標籤

{/*單行文本註釋*/}
有多個標籤的時候，必需要有一個父元素包裹起來，最好給父元素加一個括號（暫時不知道爲何）
  <script type="text/babel">        
     let Mydemo = (<div>            
          <div>我是內容1</div>            
          <div>我是內容2</div>
          {/*我是內容3，我被註釋了，不能顯示出來*/}
         </div>)         
     ReactDOM.render(Mydemo,document.getElementById("demo"))
  </script>
複製代碼