nextui dom嵌套按钮警告<Accordion />

Question

dom

中的警告消息

这里是我的代码

      <Accordion
        isCompact
        showDivider={false}
        variant='splitted'
        className='relative px-0'
        itemClasses={{
          base: 'relative container shadow-none gap-10 rounded-small',
          titleWrapper: 'rounded-sm',
          title: 'text-medium font-bold text-black',
        }}>
        {faqs.slice(0, displayCount).map((faq, i) => (
          <AccordionItem
            key={i}
            title={faq.title}
            aria-label={faq.title}
            startContent={
              <Tooltip showArrow size='lg' content='орчуулга үзэх' placement='top-start'>
                <Button
                  isIconOnly
                  radius='full'
                  className='bg-transparent'
                  size='sm'
                  onClick={() => showInterpreter(faq)}>
                  <FaHandsAslInterpreting className='text-primary w-7 h-7' />
                </Button>
              </Tooltip>
            }
            className='!bg-primary/5 !px-6 !py-3 !shadow-none p-0'
            classNames={{ base: 'p-0' }}>
            <div className='flex gap-3'>
              <InterpreterIcon color='#58585E' className='flex-shrink-0' />
              <p className=''>{faq.description}</p>
            </div>
          </AccordionItem>
        ))}
      </Accordion>

我尝试不使用组件，但是onclick回调不再是功能函数

这可能会有所帮助。这对我有用。

https：//github.com/heroui-inc/heroui/issues/1294#issuecomment-2726503092

Answer 1