function Write(){
var [title, setTitle] = useState("");
var [writer, setWriter] = useState("");
var [cont, setCont] = useState("");
return(
<div style={{textAlign:"right", marginRight:"50px"}}>
<Form className="Form" onSubmit={()=>write01(title, writer, cont)}>
<Form.Control id="title" type="text" placeholder="제목을 입력하세요" value={title}
onChange={e=>setTitle(e.target.value)}/>
<Form.Control id="writer" type="text" placeholder="작성자를 입력하세요" value={writer}
onChange={e=>setWriter(e.target.value)}/>
<Form.Control id="cont" as="textarea" rows={15} placeholder="내용을 입력하세요" value={cont}
onChange={e=>setCont(e.target.value)}/>
<Button variant="primary" type="submit">
글쓰기
</Button>
</Form>
</div>
);
}
function write01(title, writer, cont){
var regdate = new Date();
var write = [title, writer, cont, regdate];
//console.log("저장:"+write);
var i = localStorage.getItem("i");
i++;
localStorage.setItem("i",i);
if(i==null){
localStorage.setItem("i",i);
i=1;
}
localStorage.setItem("write"+i, JSON.stringify(write));
i++;
var navigate = this.useNavigate();
navigate(-1);
}
글쓰기 버튼 누르면 url이
localhost:3000/write?
이렇게 뒤에 ?가 붙음
글쓰기 버튼 눌러도 url 안변하거나 아니면 그냥 홈으로
(localhost:3000)
가게 하고 싶은데
redirect하려고 인터넷 검색해서 나온거 다 해봐도 안된다
뭘 잘못한건지 답답하다
왜 글쓰기 버튼 누르면 url 바뀌는거임??
해당 댓글은 삭제되었습니다.
write01 함수 맨 앞에 preventdefault해도 똑같음
event 객체 파라미터 맨 뒤에 추가해서
submit 하면 value 가 쿼리스트링으로 들어가는데 html 공부 다시해라
value 속성 지워도 글쓰기 버튼 누르면 url 뒤에 ? 붙음 ㅠㅠ
?title="11"&& 이런 식이 아니라 ?만 붙음
폼 쓰려면 백앤드도 있어야 되는건가, 로컬 스토리지 이용해서 구현해보려고 한건데
submit버튼 일반 버튼으로 바꿔서 onclick으로 바꿔줌, 해결 완료, 답변 감사~