tabs的demo

52 阅读1分钟

  <Tabs
                            defaultActiveKey="1"
                            size="small"
                            onChange={handledw}
                            activeKey={dw}
                            items={[
                                {
                                    label: `按日`,
                                    key: '1',
                                    children: <BaseDate type='1' plist={cycleListDay} onBaseDateClick={handleBaseDateGetListDay}/>,
                                },
                                {
                                    label: `按周`,
                                    key: '2',
                                    children: <BaseDate type='2' plist={cycleListWeek} onBaseDateClick={handleBaseDateGetListWeek}/>,
                                },
                            ]}
                        />
                        

    const buttonItems = [
        {
          label: '按日',
          key: '1',
          onClick: () => handledw('1'),
        },
        {
          label: '按周',
          key: '2',
          onClick: () => handledw('2'),
        },
        // 添加其他按钮...
      ];

<div>
                            {buttonItems.map(item => (
                                <Button
                                key={item.key}
                                type={dw === item.key ? 'primary' : 'default'}
                                size="default"
                                onClick={item.onClick}
                                >
                                {item.label}
                                </Button>
                            ))}
                            {dw === '1' && <div><BaseDate type='1' plist={cycleListDay} onBaseDateClick={handleBaseDateGetListDay}/></div>}
                            {dw === '2' && <div><BaseDate type='2' plist={cycleListWeek} onBaseDateClick={handleBaseDateGetListWeek}/></div>}
                            </div>