본문 바로가기
728x90

form2

80. 크로스 사이트 스크립트(XSS) 이해 form onSubmit={}을 적고 연결시킨다 여기서 form태그는 react form이 아니다 html에 있는 form태그이다 전달해준다 라는 뜻 button에 type은 button reset submit이 있다 디폴트값이 위에 form에 있듯이 submit이기 때문에 지워야된다 안지우면 onClick이 2번 실행된다 한번 클릭했는데 2번 실행된다면 이것을 확인해야한다 이 버튼의 기능을 다르게 하려면 type을 button으로 바꾼다 웹에디터로 등록한 게시글 보여주기 09-01 복사해서 27-04-web-editor-detail 만들기 등록하기 클릭하면? 태그가 그대로 보인다 태그를 적용시키려면? html에 직접 삽입하는 방법 html안에 그대로 삽입하겠다~ 라는 뜻 dangerouslySetInn.. 2023. 4. 4.
71. 폼 라이브러리 이름이 왜 폼? formik 함수형이 나오면서 생긴 React-hook-form 제어 컴포넌트 = redux-form, formik… = 입력할 때마다 state가 바뀌는 형태 비제어 컴포넌트 = react-hook-form =입력할 때마다 state가 바뀌지 않는 형태 = 성능이 빠르다 안녕하세요 안, 안녕 까지만 입력을 해도 state에 저장이 된다 isActive같이 버튼 색을 변경하는 것 = 제어 컴포넌트가 들어간다 텍스트가 많은 데이터는 성능이 많을 수 있기 때문에 = 비제어 컴포넌트를 사용한다 yarn add react-hook-form form안에 버튼의 주의사항 타입을 reset으로 하면 form안에 있는 것이 초기화된다 state가 지워지지는 않는다 타입을 submit으로 하면 네모친 곳.. 2023. 2. 25.
728x90