Reactjs 导出引导模式的问题

我试图创建一个直接从引导React文档中提取的基本模式，但我得到了一个导出错误

我尝试过重构函数的初始化和导出，但仍然一无所获

import React from "react"
import Modal from "react-bootstrap/Modal"
import Button from "react-bootstrap/Button"
import useState from "react"

function Example() {
  const [show, setShow] = useState(false);

  const handleClose = () => setShow(false);
  const handleShow = () => setShow(true);

  return (
    <>
      <Button variant="primary" onClick={handleShow}>
        Launch demo modal
      </Button>

      <Modal show={show} onHide={handleClose}>
        <Modal.Header closeButton>
          <Modal.Title>Modal heading</Modal.Title>
        </Modal.Header>
        <Modal.Body>Woohoo, you're reading this text in a modal!</Modal.Body>
        <Modal.Footer>
          <Button variant="secondary" onClick={handleClose}>
            Close
          </Button>
          <Button variant="primary" onClick={handleClose}>
            Save Changes
          </Button>
        </Modal.Footer>
      </Modal>
    </>
  );
}

export default Example;

---

我想是因为你没有反应

尝试从“React”导入React，{useState}，而不是从“React”导入useState

---

还要确保您拥有正确版本的React。因为您使用的是钩子，所以它必须是16.8^

您的问题是因为这条线

import useState from "react"

您正试图导入

useState

作为

默认导入

，但在

React

useState

中作为

命名导出导出

这意味着，

useState

是这样导出的（仅举一个例子）

您应该像这样导入

useState

import { useState } from 'react'

最后，您可以将此导入与

React

导入相结合

import React, { useState } from 'react'

import { useState } from 'react'

import React, { useState } from 'react'