小编Dan*_*Paz的帖子

我正在学习使用反应测试库和笑话来测试反应和反应组件。在尝试测试渲染组件时可以正常工作的组件时，它可以正常工作，但是在测试它时，我收到无效的挂钩错误。

这是组件。

import PropTypes from "prop-types";\nimport { useState } from "react";\n\nexport const CounterApp = ({ value }) => {\n    const [counter, setCounter] = useState(value);\n\n    function handleAdd() {\n        setCounter(counter + 1);\n    }\n    function handleSubtract() {\n        if (counter > 0) {\n            setCounter(counter - 1);\n        }\n    }\n\n    function handleReset() {\n        setCounter(0);\n    }\n    return (\n        <>\n            <h1>CounterApp</h1>\n            <h2> {counter} </h2>\n            <button onClick={handleAdd}>+1</button>\n            <button onClick={handleSubtract}>-1</button>\n            <button onClick={handleReset}>Reset</button>\n        </>\n    );\n};\n\nCounterApp.propTypes = {\n    value: PropTypes.number.isRequired,\n};\n\n

这是我正在运行的测试

import { render } from "@testing-library/react";\nimport { …