- 博客(5)
- 收藏
- 关注
原创 Next.Js基础
它会在项目打包构建时运行,并把prop传递给React组件(就好像给你的React组件包了一层有数据的高阶组件),然后把拼装数据后的页面作为打包结果输出为完整HTML。例如页面在加载数据前会显示Loading样式,在加载数据后会显示数据列表,那么NextJS返回的HTML中就包含了初始化状态下初次渲染的Loading样式和DOM元素。SSG适用于页面数据稳定,不会频繁变化的页面,即使我们可以通过revalidate来重新生成HTML,也不能确保数据的实时准确性。
2024-01-28 14:55:36
408
转载 async/await如何优雅捕获错误
await Promise对象.catch(e=>{…})要点是catch函数里必须return一个reject的Promise,这样才能阻止代码继续执行。当然,也可以throw new Error(err),都行。
2024-01-27 19:41:45
290
原创 React hook组件打包失败的一次记录
React hook组件打包失败的一次记录解决方案 解决方案 本地运行好的React组件,想要发布组件包供他人使用,但是打包发布之后,使用时出现 https://reactjs.org/docs/error-decoder.html/?invariant=321 在排除使用hook的语法错误后,就可以判断是多版本问题。当配置了peerDependencies 防止本地重新下载React之后,应该是webpack出现了问题,需要在Externals外部扩展中配置下React相关。 externals 配置选项
2021-12-10 15:57:01
753
原创 使用Ref实现父组件调用子组件的方法
使用Ref实现父组件调用子组件的方法实现父组件调用子组件的方法创建Ref将ref作为属性传递给子组件子组件定义方法调用方法 实现父组件调用子组件的方法 子组件调用父组件的方法:将父组件的方法以函数属性传递给子组件,子组件就可以调用。这是非常简单的,现在我们关注于怎样实现父组件调用子组件。 创建Ref constructor(props) { super(props) ...
2020-01-05 18:12:58
1545
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人