react 질문 있습니다! (button onClick)

Question

저번에 질문드리고 답변 받은후 추가적으로 원하는 모습까지 구현을 했는데다른 프로젝트 하다가 오늘 다시 실행해보니 파일안에 코드가 싹 날아갔더라구요 그래서 다시 한번 질문 드립니다 죄송합니다우선 아래 코드는 그때 답변 주신분이 제가 원하는대로 나오게 해주셨던 부분입니다그때 그분이 알려주신 것은 로그인 버튼을 누르면 버튼이 나오는 화면이 사라지고 로그인창이 뜨게 하는 부분이었고여기서 추가로 제가 한게개인 회원 버튼을 누르면 기업회원 로그인 창이 안보이게 되고 개인회원 로그인창이 나오게 하는 코드였는데 코드가 날아가 버려서 어떻게 했는지 기억이 안납니다 답변주시면 감사하겠습니다 import React from 'react'; import { Link } from 'react-router-dom'; import '../css/main.css'; import Enter from '../images/enter.png'; import Person from '../images/person.png'; import EnterLogin from './EnterLogin'; import PersonLogin from './PersonLogin'; import { useState } from 'react'; const Main = (props) => { const [enter, setEnter] = useState(false); const [person, setPerson] = useState(false); return (

{enter ? ( ) : ( <>

구인을 원하는 기업 회원 이라면
아래 버튼을 눌러주세요.

)}

{person ? ( ) : ( <>

구직을 원하는 개인 회원 이라면
아래 버튼을 눌러주세요.

)}

); }; export default Main;

kenu · Answer

https://okky.kr/article/1252215

kenu · Answer

혼자 작업해도 git으로 커밋하는 습관 들이시면 좋습니다.

레이블 · Answer

링크 주신게 제가 저번에 도움받은글 입니다저기에 추가로 하려고 하는게첫번째 사진에서 오른쪽에 있는 개인회원 버튼을 누르면아래 사진처럼 나오게 하는걸 하고 싶습니다구현 다해뒀는데 날아가고나니 git의 소중함을 알게 되었습니다...

레이블 · Answer

혹시라도 저처럼 잘 모르시는 분들은아래 적어두겠습니다 function 선언 하시고(fuction 내용은 버튼 눌렀을때 보여주고 싶은 컨텐츠를 setEnter(!enter)로 보여주고사라지게할 내용은 setPerson(person ? false : false) 해서 참이든 거짓이든 안보이게 하는 식으로 했습니다) function eOnClick(){ setEnter(!enter); setPerson(person ? false : false); } function pOnClick(){ setEnter(enter ? false : false); setPerson(!person); } button에 이대로 추가하면 되네요<button id&#61;&#34;enterLogin&#34; onClick&#61;{ eOnClick }> 저번이랑 다른 방법이긴한데 조금만더 onClick에 대해 공부했다면 쉽게 알 수 있는 내용이었습니다!혹시나 저처럼 헤매시는 분은 참고하시면 될것 같습니다

react 질문 있습니다! (button onClick)

4개의 답변

#onclick 목록