从不需要它的组件(React 17 或更高版本)中删除 `import React form 'react'`

Delete `import React form 'react'` from components that don't need it(React 17 or higher)

我刚刚注意到,在 React 17 或更高版本中,我们不需要在每个组件之上导入 react,因此这样的组件:

import React from 'react'

export const Cmp = () => {
  return (
    <span> Text </span>
  )
}

可以变成这样:

export const Cmp = () => {
  return (
    <span> Text </span>
  )
}

所以这是我的问题: 当将某些 React 项目从低于 react-17 升级到 react-17 或更高版本时,我怎样才能 tarnsoform 我的所有组件并删除所有不必要的 react 导入?

我自己找到了解决办法,看看这个posthttps://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html#removing-unused-react-imports