在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ react中組件為什么是單閉合標(biāo)簽

react中組件為什么是單閉合標(biāo)簽

clipboard.png

import React, { Component } from 'react'
import './App.scss'
import NavBar from './components/NavBar/NavBar'

export default class App extends Component {
render() {

return (
  <div className="App">
    <header className="App-header">
      <h1 className="App-title">Listen Music</h1>
    </header>
    <NavBar />
  </div>
)

}
}

其中，<NavBar />為什么不是寫成<NavBar><NavBar/>

回答
編輯回答
故林

react 里面的jsx和html標(biāo)簽樣子上差不多，但是事實上完全不是一套東西，這個和HTML的自閉合標(biāo)簽不一樣。

實際上寫法對應(yīng)的js代碼如下， 根本不是html，在react-dom會使用document.createElement 去創(chuàng)建dom，參數(shù)差別如下；

clipboard.png

2018年7月3日 04:45
編輯回答
莓森

如果標(biāo)簽不需要包裹其他內(nèi)容本來就可以寫成這樣，常見的就是 input 了：

<input type="text" />
2018年7月6日 11:02
編輯回答
負我心

非閉合的寫法也是合法的，前端編碼過程中很多地方的約束是松散的，為提高代碼可閱讀性漸漸形成了不成文的規(guī)范

2017年7月4日 15:39