antd

• tree
• carousel

tree

antd 的tree 组件在文档里主要是展示功能, 没有编辑(增删改)的功能.
但是组件提供了丰富的接口, 我们可以加以利用来实现编辑功能.

代码看这里: https://github.com/max-young/antd-editable-tree

carousel

• 如果 carousel 里用 tailwindcss 不生效, 比如不居中, 那么需要把 carousel 里的 div 包裹在 React.Fragment 里, 代码如下:

<Carousel>
  <React.Fragment key={id}>
    <div>...</div>
  </React.Fragment>
</Carousel>

• carousel 默认可以用方向键控制, 但是好像生效, 需要双击 carousel 获得焦点才可以, 我们需要在加载页面时就自动获得焦点, 代码如下:

const carouselConfig = {
  onInit: () => {
    document.getElementsByClassName("slick-active")[0].focus();
  },
};

<Carousel {...carouselConfig}>...</Carousel>;