+import React, {useState } from "react";

+  

+  const [qnalist, setQnaList] = useState();

+  const [state, setState] = useState();

+  const [title, setTitle] = useState();

+  const [username, setUsername] = useState();

+  const [datetime, setDatetime] = useState();

+

+    //-------- 페이징 작업 설정 시작 --------//

+    const limit = 15; // 페이지당 보여줄 공지 개수

+    const [page, setPage] = React.useState(1); //page index

+    const offset = (page - 1) * limit; //게시물 위치 계산

+    const [myQnaTotal, setMyQnaTotal] = React.useState(0); //최대길이 넣을 변수

+  

+  //qna 조회

+    const getQnaList = () => {

+      fetch("/qna/qnaSelectList.json", {

+        method: "POST",

+        headers: {

+          'Content-Type': 'application/json; charset=UTF-8'

+        },

+        body: JSON.stringify({

+          

+          qna_state : state,

+          qna_title : title,

+          qna_insert_user_id : username,

+          qna_insert_datetime : datetime

+

+        }),

+      }).then((response) => response.json()).then((data) => {

+       

+          console.log(data);

+          setQnaList(data);

+          setMyQnaTotal(data.length);

+  

+  

+      }).catch((error) => {

+        console.log('getSelectSeniorList() /user/selectUserList.json error : ', error);

+      });

+    };

+  

+        <Table

+          className="equipment-detail"

+          head={thead}

+          contents={content}

+          contentKey={key}

+          view={"qna"}

+          offset={offset}

+          limit={limit}/>