标签: microbundle

无法使用 microbundle 和 React 在自定义组件包中渲染 useState、useEffect 挂钩

您好,我正在尝试使用 React 18.2.0 和 Microbundle 创建一个示例库,虽然库构建成功,但是当它在客户端应用程序中使用时,我在控制台日志中收到以下错误:

错误

库源代码

下面是我的图书馆代码。

App.js

import './App.css';
import Dropdown from "./components/Dropdown";

function App() {
   
  let dropdown_data = ['Item 1', 'Item 2', 'Item 3'];

    return (
      <div className="dropdown">
         <Dropdown jsonData={dropdown_data} />
      </div>
  )
}

export default App;
Run Code Online (Sandbox Code Playgroud)

src/components/Dropdown.js

import React from "react";
import {useEffect, useState} from 'react';

export const Dropdown = (props) => {
    const [dropdown, setDropdown] = useState([]);
    useEffect(() => {
        loadData();
    }, []);
    const loadData = () => {
        setDropdown(props.jsonData);
    }
    return (
        <div className="dropdown"> …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-hooks use-state microbundle

5
推荐指数
1
解决办法
1345
查看次数