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

Question

我不确定应该以哪种方式在我的 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';?

Answer 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'，因为它不是命名导出。

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

Which way should I import React?

javascript

import

ecmascript-6

reactjs