<React.Fragment key={...}>
{idx >= 1 && <div> / </div>}
<Crumb path={crumb.path} title={crumb.title} style={styles.crumbs} />
</React.Fragment>
return value == null ? <EmptyComponent ../> : <RealComponent value={value} />
const ref = useRef<HTMLDivElement>(null);
const prevRef = useRef<HTMLDivElement>(null);
useEffect(() => {
if (ref.current === prevRef.current) { return; }
prevRef.current = ref.current;
// реф поменялся, что-то делаем
});
const componentElement = <Component/>;
const Parent = () => {
return (
<section>
{componentElement}
</section>
);
};