写storybook时报错 preview hooks及Webstorm与VS Code的全方位比较

在写storybook时遇到错误,源于VSCode智能提示导致的API引入问题,实际是使用了错误的引入方式。文章还对比了WebStorm和VS Code的性能、JS和Vue/React开发体验,以及配置便捷性。尽管WebStorm在JS开发和依赖管理上有优势,但在Vue和React(尤其是TSX)方面,VS Code表现更佳,且更符合作者的个人偏好。
摘要由CSDN通过智能技术生成

描述

其实是个小错误,就是怎么也想不通,还以为hooks不能直接写story,想想也不对啊,难道只是不支持useContext吗?

之所以有这个想法是之前在使用react-three-fiber时遇到的一个BUG,redux的数据是不能在一个 canvas组件中通过useSelector等API拿到的,所以在这里想当然想偏了。

错误是这样的:

Storybook preview hooks can only be called inside decorators and story functions.

解决

其实是使用VSCode时他的智能提示引入的API出错了。这里我使用到了useState,然而他是从:

import {
    useEffect } from "@storybook/addons";

而正是引入方式的不同才导致的刚刚所描述的问题。

说一下编辑器

最近捡起来WebStorm去做一下Vue Composition API的学习,

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值