|  |  |  | 
|---|
|  |  |  | import { createStyles } from 'antd-style'; | 
|---|
|  |  |  | import * as Utils from '../../utils' | 
|---|
|  |  |  | import Http from '@/utils/http'; | 
|---|
|  |  |  | import ShelfThree from './shelfThree' | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const useStyles = createStyles(({ token, css }) => { | 
|---|
|  |  |  |  | 
|---|
|  |  |  | }) | 
|---|
|  |  |  |  | 
|---|
|  |  |  | let shelfThree; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const ShelfView = (props) => { | 
|---|
|  |  |  | const intl = useIntl(); | 
|---|
|  |  |  | const { styles } = useStyles(); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | console.log(props.data); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const refContainer = useRef(); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | useEffect(() => { | 
|---|
|  |  |  |  | 
|---|
|  |  |  | shelfThree = new ShelfThree(refContainer); | 
|---|
|  |  |  | shelfThree.startup(); | 
|---|
|  |  |  | }, []); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | return ( | 
|---|
|  |  |  | <> | 
|---|
|  |  |  | <div style={{zIndex: 99}} ref={refContainer}></div> | 
|---|
|  |  |  | <h1>{props.data.uuid}</h1> | 
|---|
|  |  |  | <div style={{ zIndex: 99 }} ref={refContainer}></div> | 
|---|
|  |  |  | </> | 
|---|
|  |  |  | ) | 
|---|
|  |  |  | } | 
|---|