import * as React from "react"; import type { ComponentStory, ComponentMeta } from "@storybook/react"; import { TickerList } from "../src"; export default { title: "复合组件/TickerList", component: TickerList } as ComponentMeta; const Template: ComponentStory = args => { const [currentSymbol, setCurrentSymbol] = React.useState("BTCUSDT"); const [likes, setLikes] = React.useState([ "ETHUSDTFP", "BTCUSDTFP", "THETAUSDTFP", "CAKEUSDT", "AABUSDT", "BTCUSDT", "TTMM1USDTFP", "LUNA2USDT", "ETHUSDT", "LUNAUSDT", "TTMM2USDTFP", "BTCUSDFP" ]); return ( { console.log("onChangeLikes-record", symbol); const allLikes = ([] as string[]).concat(likes); if (like) { setLikes([...allLikes, symbol]); } else { setLikes(allLikes.filter(item => item !== symbol)); } }} onChangeTickerPair={record => { console.log("onChangeTickerPair-record", record); setCurrentSymbol(record.symbol); }} /> ); }; export const Normal = Template.bind({});