有没有办法在反应功能组件渲染之前获取数据？

Question

我是一个很新的反应者，我创建了一个带有错误的功能组件。

我想要实现的目标：
我需要从reducer获取数据并将其用于函数返回中。 问题在于该组件在加载数据之前已呈现。

我的代码：

function ItemDetail() {
    const { id } = useParams();
    const [{items}, dispatch] = useStateValue(); // useStateValue = datalayer from reducer
    const [item, setEvent] = useState({});
    
    useEffect(() => {
        const filteredItem = items.find(item=> item.id == id);
        setEvent(filteredItem);
    }, [])

    return (
        <div className="eventDetail">
            // more HTML
        </div>
    )
    
}

export default ItemDetail

我尝试过的事情：
我尝试使用类组件，但没有使用。

错误： item.data（）不是函数（我100％确信是它，因为未在返回中加载数据）