react-calendar-timeline允许props itemRenderer
,该props itemRenderer
可用于呈现定制时间线items
.在我try 调用itemRenderer
方法内部的useState
钩子之前,它的工作方式应该是正常的.
我假设发生错误是因为我试图调用一个组件内部的useState
钩子,该组件是使用较旧版本的Reaction实现的.假设这是真的,有谁知道如何在不使用类组件实现我的定制项呈现器的情况下进行修复?
这是一张minimum reproducible example美元的支票.注释掉CustomItemRenderer.jsx
中的行,然后刷新沙箱以查看错误.
代码
CustomItemRenderer:个
const CustomItemRenderer = ({ item, itemContext, getItemProps }) => {
// Uncomment the line below to see the error
// const [someCustomState, setSomeCustomState] = useState(null);
return (
<div {...getItemProps(item.itemProps)}>Custom {itemContext.title}</div>
);
};
export default CustomItemRenderer;
Usage in Timeline:个
<Timeline
items={items}
groups={groups}
defaultTimeStart={defaultTimeStart}
defaultTimeEnd={defaultTimeEnd}
itemRenderer={CustomItemRenderer}
/>