我愿化作繁星

高阶组件是一个函数，它接收一个组件作为参数，并返回一个新的组件。简单来说，它就是一个“组件工厂”，通过对传入的组件进行增强或包装，生成一个具有额外功能的新组件。// 高阶组件render() {// 普通组件</div>;// 使用高阶组件包装普通组件// 在应用中使用增强后的组件在上述代码中，就是一个高阶组件，它接收作为参数，并返回一个新的组件。新组件在挂载时会打印日志，同时将接收到的所有 props 传递给。

这个高阶组件可以应用到多个需要数据获取的组件上，提高了代码的复用性。通过这个高阶组件，可以为任意组件添加挂载日志记录功能。被多个高阶组件层层包裹，代码的可读性会受到影响。

高阶组件本身是一个函数，它返回一个新的组件。因此，可以通过测试这个返回的组件来间接测试高阶组件的功能。在这个测试中，我们检查高阶组件添加的静态方法是否能在返回的组件中正常调用，并验证方法的返回值是否符合预期。高阶组件可能会有一些副作用，如生命周期方法中的日志记录、数据获取等。如果高阶组件有静态方法或属性，需要确保这些方法和属性在返回的组件中也能正常使用。传递给被包裹的组件，并验证组件是否正确渲染这些。在这个测试中，我们检查高阶组件是否成功将额外的。高阶组件可能会向被包裹的组件传递额外的。

/ 自定义 useErrorBoundary Hook}, []);// 高阶组件// 普通组件// 使用高阶组件包装普通组件这里自定义了一个Hook 来捕获错误，然后在高阶组件中使用该 Hook 来处理错误。可以创建一个通用的错误边界组件，然后将其封装在高阶组件中，以增强错误处理的复用性和可维护性。// 通用错误边界组件// 记录错误信息render() {// 可以根据需求自定义错误显示界面// 高阶组件。

1.全局安装create-react-app。

主要是node17版本问题引起的问题，解决方式。改好之后直接启动项目。