我应该以哪种方式导入 React？

【问题标题】：Which way should I import React?我应该以哪种方式导入 React？
【发布时间】：2021-12-07 14:00:40
【问题描述】：

我不确定应该以哪种方式在我的 React Native 应用程序中导入 React。如果我需要使用像useState 这样的钩子，我应该使用import React, { useState } from 'react';、import { useState } from 'react';、import * as React from 'react'; 或import * from 'react'; 导入React？如果我不需要任何钩子，我应该使用：import React from 'react';、import 'react';、import * as React from 'react'; 或 import * from 'react';？

【问题讨论】：

1 => import React, { useState } from 'react'; 2 => 从“反应”导入反应；

标签： javascript reactjs ecmascript-6 import

【解决方案1】：

从 React 版本 17+ 开始，您不再需要 import React from 'react'。 Read more 关于 JSX 转换。

钩子被命名为导出，因此您需要将钩子导入为：

import {useState, useEffect /* and others */} from 'react'

如果你使用的是17以下的react版本，需要导入React。由于React 将是默认导入，因此它们都指的是同一件事：

import React from 'react'
import * as React from 'react'

所以你应该这样做import React, {/* hooks you are using */} from 'react'。

您甚至可以使用import * as Whatever from 'react'，因为它不是命名导出。

【讨论】：