Reactjs 使用react创建组件时，我应该在何时调用库'；反应'；和'；反应dom'；？_Reactjs_Jsx_Create React App

Reactjs 使用react创建组件时，我应该在何时调用库'；反应'；和'；反应dom'；？

reactjs

Reactjs 使用react创建组件时，我应该在何时调用库'；反应'；和'；反应dom'；？,reactjs,jsx,create-react-app,Reactjs,Jsx,Create React App,我研究React已经有一段时间了，刚开始用它开发我自己的应用程序时，我发现我真的不知道React和React dom库之间的区别，我知道'react'是JavaScript库，react dom是为我提供与dom交互的方法的库，但如果我不导入它们，似乎什么都不会发生（我使用create react应用程序环境，因此可能就是这样）。也就是说，我通常是这样创建组件的： import React from 'react'; function ComponentName () { return(

我研究React已经有一段时间了，刚开始用它开发我自己的应用程序时，我发现我真的不知道

React

和

React dom

库之间的区别，我知道'react'是JavaScript库，

react dom

是为我提供与dom交互的方法的库，但如果我不导入它们，似乎什么都不会发生（我使用create react应用程序环境，因此可能就是这样）。也就是说，我通常是这样创建组件的：

import React from 'react';

function ComponentName () {
  return(
    <div>
      <!-- Component code -->
    </div>
  )
}

export {ComponentName};

从“React”导入React；
函数组件名（）{
返回(
)
}
导出{ComponentName}；

那么上面的代码有什么区别呢

import React from 'react-dom';

function ComponentName () {
  return(
    <div>
      <!-- Component code -->
    </div>
  )
}

从“React dom”导入React；
函数组件名（）{
返回(
)
}

这个呢

import React from 'react-dom';

function ComponentName () {
  return(
    <div>
      <!-- Component code -->
    </div>
  )
}

从“React dom”导入React；
函数组件名（）{
返回(
)
}

使用

React dom

为您创建React应用程序句柄（位于

src

目录中的

index.js

index.ts

）

从

“React”

导入

React

，而不是从

“React dom”

导入。如果您使用的是最新版本，则仅当您在代码中使用

React

对象时才需要执行此操作（例如，使用

React.memo

，尽管您可以使用

从“React”

导入{memo}）。您不再需要仅为JSX（）导入

React

基本上：

```
“react”
```
是主库
```
“react dom”
```
提供了将react与dom一起使用的功能
还有其他库可以在没有DOM的情况下使用React（例如，用于服务器端渲染）

使用

React dom