bigbluebutton-Github/bigbluebutton-html5/imports/ui/components/generic-content/generic-content-item/component.tsx

28 lines
563 B
TypeScript

import React, { useEffect, useRef } from 'react';
import { GenericContentItemProps } from './types';
const GenericContentItem: React.FC<GenericContentItemProps> = (props) => {
const {
renderFunction,
} = props;
const elementRef = useRef(null);
useEffect(() => {
if (elementRef.current && renderFunction) {
renderFunction(elementRef.current);
}
}, [elementRef]);
return (
<div
style={{
height: '100%',
overflow: 'hidden',
}}
ref={elementRef}
/>
);
};
export default GenericContentItem;