故事书操作未记录到操作选项卡

问题描述

我正在尝试创建一个操作，该操作将在“操作”选项卡中显示被点击产品的ID。

控制台正在运行，但未执行任何操作。

我在做什么错了？

import { action } from '@storybook/addon-actions';
import React,{ useState } from 'react';
import { Meta } from '@storybook/react/types-6-0';
import { ProductContainer } from './ProductContainer'

export default {
    title: 'Product',decorators: [withKnobs],component: ProductContainer,} as Meta;

export const ProductContainer = () => {
const [selectedProductId,setSelectedProductId] = useState<string|null>(null)
const handleSelectedProductId = (productId) => {
        console.log('product id',productId,'was clicked');
        action(
            `Product ${productId} ${
                productId !== selectedProductId ? 'was selected' : 'is not selected'
            }`
        );
        setSelectedProductId(productId !== selectedProductId ? productId : null);

        return (
            <ProductContainer onClick={(productId) => handleSelectedProductId(productId)}/> 
        )  
    }
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）