Question

我有汇总配置： https://github.com/jmlivingston/react-components-library/blob/master/scripts/build/rollup.config.js

我正在尝试构建简单的带有钩子的react组件：

import styles from './GreenButton.module.scss'
import PropTypes from 'prop-types'
import React, {useState} from 'react'

function GreenButton ({onClick, text}) {
    const [value, setValue] = useState(0)
    return (
        <button className={styles.button} onClick={() => setValue(value + 1)}>
            {value}
        </button>
    )
}

GreenButton.propTypes = {
    onClick: PropTypes.func.isRequired,
    text: PropTypes.string.isRequired
}

export default GreenButton

在新的（react-create-app）项目中安装后，出现错误：

错误：最小化React错误＃321；请访问https://reactjs.org/docs/error-decoder.html?invariant=321获取完整的消息，或使用非最小化的dev环境获取完整的错误和其他有用的警告。

为什么？怎么了？

没有挂钩正常工作。

我也尝试将autoExternal({peerDependencies: false}),与peerDependencies中的react一起使用，但是问题是相同的。

有人可以帮助我用钩子捆绑反应组件吗？还是给我一些例子（文章，回购）怎么做？

谢谢。

如何使用汇总来捆绑React组件以支持react钩子

0 个答案: