File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
import React from "react";
import Button from "../../component/Button.jsx";
import ContentTitle from "../../component/ContentTitle.jsx";
import SubTitle from "../../component/SubTitle.jsx";
import { useNavigate } from "react-router";
import { useParams } from "react-router";
export default function QuestionConfirm() {
const navigate = useNavigate();
let { qnaIdx } = useParams();
const [qnaOne, setQnaOne] = React.useState([]);
const [checkedanswer, setCheckedAnswer] = React.useState("");
const [userCode, setUserCode] = React.useState("GUARDIAN01");
// const [userCode, setUserCode] = React.useState("WORKER01");
//qna 조회
const getQnaOne = () => {
fetch("/qna/qnaSelectOne.json", {
method: "POST",
headers: {
"Content-Type": "application/json; charset=UTF-8",
},
body: JSON.stringify({
qna_idx: qnaIdx,
}),
})
.then((response) => response.json())
.then((data) => {
console.log("getQnaOne :", data);
setQnaOne(data[0]);
setCheckedAnswer(data[0].qna_answer_content);
})
.catch((error) => {
console.log("qnaOne error : ", error);
});
};
//qna 답변 등록
const getQnaAnswer = () => {
fetch("/qna/qnaAnswerUpdate.json", {
method: "POST",
headers: {
"Content-Type": "application/json; charset=UTF-8",
},
body: JSON.stringify({
qna_idx: qnaIdx,
qna_answer_content: checkedanswer
}),
})
.then((response) => response.json())
.then((data) => {
alert("등록되었습니다");
})
.catch((error) => {
console.log("qnaCheckedAnswer error : ", error);
});
};
const handleAnswer = (e) => {
setCheckedAnswer(e.target.value);
}
React.useEffect(() => {
getQnaOne();
}, []);
return (
<main>
<div className="content-wrap row">
<ContentTitle contentTitle={"문의글 작성"} />
<SubTitle explanation={"작성자 정보"} />
<table className="margin-bottom2 senior-insert">
<tr>
<th>작성자</th>
<td>{qnaOne.qna_insert_user_name}</td>
</tr>
<tr>
<th>제목</th>
<td colSpan={3}>{qnaOne.qna_title}</td>
</tr>
<tr>
<th>내용</th>
<td colSpan={3}>{qnaOne.qna_content}</td>
</tr>
<tr>
<th>답변하기</th>
<td colSpan={3}>
{userCode == "WORKER01" ? <textarea
className="medicine"
cols="30"
rows="2"
value={checkedanswer}
onChange={handleAnswer}
/>: <textarea
className="medicine"
cols="30"
rows="2"
value={checkedanswer}
// onInput={(e) => {
// setCheckedAnswer(e.target.value);
// }}
readOnly
/>
}
</td>
</tr>
</table>
<div className="btn-wrap flex-center">
<Button
className={"btn-large gray-btn"}
btnName={"이전"}
onClick={() => {
navigate("/QuestionSelect");
}}
/>
<Button
className={"btn-large green-btn"}
btnName={"등록"}
onClick={() => {
getQnaAnswer();
}}
/>
</div>
</div>
</main>
);
}