import type { NextPage } from 'next' import Head from 'next/head' import { ErrorViewer } from '../Components/ErrorViewer' import { FileUploader } from '../Components/FileUploader' import { Header } from '../Components/header' import styles from '../styles/Home.module.css' import 'antd/dist/antd.css'; import { ItemSelect, SelectItemIE } from '../Components/ItemSelect' import { useState } from 'react' import { get } from './api/fetch' import { host } from './api/consts' import { PulseLoader } from 'react-spinners' import axios from 'axios' const Home: NextPage = () => { let files = JSON.parse(localStorage.getItem("files") as string) const [file, setFile] = useState(files[0].uuid) const [data,setData] = useState("") let i = 1; let cards = new Array() const getData = () =>{ if (data == ""){ axios.get(host+"/api/docx/" + file).then(res => { setData(res.data) }) } } const onFileChange = (newFile:any) =>{ setData("") axios.get(host+"/api/docx/" + newFile).then(res => { setData(res.data) }) setFile(newFile) } setTimeout(getData, 2000); if (data != ""){ for(var name in data as any) { cards.push( ) i++ } } let select = new Array() files.forEach((value : any) => { select.push( { name: value.file.slice(48, value.uuid.lenght), value: value.uuid } as SelectItemIE ) }); return (
Загрузите файл
onFileChange(val as any)} items={select} >
{data == ""? :cards}
) } export default Home