React 给出错误：在“react”中找不到导出“useId”（导入为“React”）

Question

我使用 webpack 创建了一个新的 React 应用程序。它向我显示了这个错误，到目前为止我已经编写了最少的代码。 给出错误的代码是：

import React from 'react';
import AppBar from '@mui/material/AppBar';
import Box from '@mui/material/Box';
import Toolbar from '@mui/material/Toolbar';
import Typography from '@mui/material/Typography';

export default function Navigation() {
  return (
    <Box sx={{ flexGrow: 1 }}>
        <AppBar position="static">
            <Toolbar variant="dense">
                <Typography variant="h6" color="inherit" component="div">
                Photos
                </Typography>
            </Toolbar>
        </AppBar>
    </Box>
  );
}

Answer 1

use id 是由react it self提供的内置钩子，用于生成可以传递给可访问性属性的唯一ID。

从 'react' 导入 { useId };

const 密码提示 ID = useId();

可以查看react官网参考

https://react.dev/reference/react/useId

Answer 2

尝试更改其中的第一个导入

import * from React

这也许可行