17

React をインポートした後にのみ機能するコードがありますが、代わりに reactDom を使用している場所では React を使用していません。

import ReactDOM from 'react-dom'
import React, {Component} from 'react'

class App extends Component {
  render () {
    return (
      <div>comp </div>
    )
  }
}

//ReactDOM.render(<App/>, document.getElementById('root'))
ReactDOM.render(<div>sv</div>, document.getElementById('root'))

Reactをインポートする必要があるのはなぜですか??

4

6 に答える 6

21

インポートした React インスタンスを明示的に使用するわけではありませんが、JSX はReact.createElement()それを使用するようにトランスパイルされて呼び出されます。

あなたの例では、<div>comp </div>は Babel によって にトランスパイルされReact.createElement('div', null, 'comp')ます。

于 2016-04-12T09:20:06.123 に答える
0

ReactDOM が React を使用している場合、ReactDOM はそれをインポートしてくれると思っていました。しかし、そうではありません。ソース コード内の JSX が変換された後、React パッケージを明示的に使用していることは明らかです。したがって、それが必要です。

React.createElement('div', null, 'comp')
于 2016-06-11T15:08:27.090 に答える