MUI 스위치와 함께 React Hook Form 7을 사용하는 방법

MUI 스위치와 함께 React-hook-form을 사용하는 경우 값이 true로 설정되어 있어도 페이지가 로드될 때 스위치는 초기 값을 표시하지 않습니다. 그러나 버튼을 터치하지 않고 양식을 제출하면 값이 true로 정의된 스위치에 대해 true가 반환되므로 이는 표시 문제인 것으로 보입니다. 게다가 이 버튼(false로 표시됨)을 한 번 클릭하면 아무런 효과가 없으며(여전히 왼쪽에 유지됨) 두 번째 클릭을 하면 실제로 다시 전환됩니다. 후크를 사용하여 초기 값 설정(다른 모든 필드 유형에 적용): useEff

P粉231112437 2023-09-16 19:43:09 0  1  632

MUI 스위치를 클릭하면 표시 및 값을 업데이트할 수 없습니다.

현재 프로젝트에서 사용 중인 MaterialUI 토글 스위치에 문제가 있습니다. 구성 요소가 로드될 때 콘솔에 값을 기록하면 초기 값이 정확합니다. 그러나 "예"에서 "아니요"로 스위치를 클릭하면 "아니요"가 선택되었음을 나타내는 스위치가 올바르게 렌더링되고 콘솔 로깅이 다시 실행되지만 값은 여전히 ​​"예"로 표시됩니다. 스위치를 다시 클릭하고 다시 "아니요"로 전환하려고 하면 전환이 전환되지 않고 다시 렌더링되고 콘솔 로깅이 다시 실행되며 ...

P粉638343995 2023-08-15 20:20:45 0  1  542

자바스크립트 - 스위치...케이스...

{Code...} v는 들어오는 문자열입니다. 이 코드의 첫 번째 콘솔은 정상적으로 실행되지만 두 번째 콘솔은 어떤 상황에서도 실행되지 않습니다. 이제 스위치가...case... 뭔가 잘못되었습니다. . 문제가 무엇인지 알려주세요.

typecho 2017-06-28 09:28:02 0  3  976

스위치가 포함된 IMC 계산기

js를 실행하기 위해 IMC 계산기에서 작업 중이었습니다. 이 계산기는 결과에 따라 IM Canda 메시지를 표시해야 하지만 어떤 이유로 항상 기본 메시지를 표시합니다.constform=document.querySelector('#form');form.addEv

P粉231112437 2024-01-10 18:17:15 0  1  607

javascript - js에서 이 스위치를 구현하는 방법은 무엇입니까?

슬라이드하거나 클릭하여 전환할 수 있습니다. 참고용으로 데모를 보는 것이 가장 좋습니다. 감사합니다~

女神的闺蜜爱上我 2017-07-05 11:02:16 0  1  753

스위치 옆에 텍스트를 세로로 가운데에 맞추는 방법은 무엇입니까?

"switch"를 사용하여 "toggle-label" 클래스 중앙에 수직으로 텍스트를 만들고 싶지만 실패한 코드는 제가 사용한 코드입니다.toggle-label{font-weight:bold;font-size:20px;}.switch { position:relative;display:inline-block;width:54px;height:28px;}.switchinput{opacity:0;width:0;

P粉354948724 2023-09-15 11:58:54 0  1  554

웹 페이지 크기를 조정할 때 부트스트랩 스위치가 제대로 작동하지 않습니다.

这是代码：<navxmlns:sec="http://www.thymeleaf.org/extras/spring-security"class="navbarnavbar-expand-lgfixed-topcontainer-fluid"id="navbar"><divclass="containerpx

P粉311464935 2024-04-05 08:45:39 0  1  3600

계산된 스위치를 사용하여 CSS에서 v-img의 상위 속성 정의

창의 현재 중단점을 기반으로 v-img의 최상위 속성을 정의하고 싶습니다. 다음과 같이 정의하고 싶습니다: <v-imgcontainid="logo-transparent":top="logoTop":width="logoWidth":src="logoTransparent" class="hidden-xs-only">&

P粉704196697 2023-08-30 23:50:32 0  2  505

부트스트랩 스위치가 div의 다른 요소와 같은 줄에 표시되지 않는 이유는 무엇입니까?

나는 다음과 같습니다:.global-wrap{display:flex;flex-direction:row;align-items:center;justify-content:center;}.header{width:1024px; background-color:purple;padding:7px; 여백:0;}div{오버플로:숨겨짐;공백 공간:nowrap

P粉221046425 2023-09-02 17:46:52 0  1  559

제목 재작성: 드롭다운 토글은 첫 번째 값 선택으로 제한됩니다.

성공적으로 전환되는 드롭다운을 만들었지만 첫 번째 클래스만 선택하는 것 같고 두 번째 드롭다운을 클릭하면 첫 번째 드롭다운의 내용이 전환됩니다. 여기서 뭔가 빠졌나요? 이것은 내 코드입니다: constmenuListDropdown=document.querySelectorAll('.menu-block-dropdown') constmenuBlock=document.querySelector('.menu-block

P粉511749537 2024-02-26 10:09:52 0  1  399

java - 코드 중복 및 개선 방법 찾기

{코드...} dao 레이어가 데이터를 다르게 가져오는 것을 제외하면 코드 구조가 매우 유사합니다. 또한 이 스위치에 개선의 여지가 있습니까? eumn이 열거에 사용되는 것으로 알고 있지만 이를 작성하지는 않았습니다. 관련 없는 코드를 줄입니다.

PHPz 2017-05-17 10:04:56 0  5  896

javascript - 댓글 응답 표시 숨기기 토글 문제

1. 먼저 코드 {code...}를 붙여넣으세요. 현재는 스위치를 표시하고 숨길 수 있지만 버그가 있습니다. 다음은 2번의 클릭 상황입니다. 처음 클릭하면 A 버튼이 클래스 쇼에 추가되고 해당 답변 상자가 표시됩니다. 현재 답변 버튼을 두 번째 클릭하면...

黄舟 2017-05-19 10:11:32 0  4  465

javascript - swiper.js swiper-slide의 콘텐츠 높이에 따라 swiper-wrapper의 높이를 동적으로 설정하는 방법

{코드...} 지금 이렇게 작성했는데 첫 번째 스위치 이후에만 작동하고 래퍼의 높이 설정이 작동하지 않습니다. 그런데 다음 두 문장을 작성하지 않고 activeHeight를 출력하는 경우에도 문제가 있습니다. 처음 몇 개의 슬라이드는 왼쪽으로만 슬라이드됩니다. 그래야만 값이 표시될 수 있습니다. 그렇지 않으면 0이 됩니다. 하지만 다음과 같이 작성하면...

淡淡烟草味 2017-05-19 10:45:57 0  1  1456

내면아이의 과도기적 불길

이것은 최소한의 재현 가능한 예입니다. "토글" 호버의 전환 끝은 실행되고(원하지 않음) "a"를 조기에 숨깁니다. 변환 후 다시 나타나려면 전환을 클릭하세요. 스위치가 내부에 있기 때문에 이런 일이 발생한다는 것을 알고 있습니다(변경할 수 없음). 전환 시 전환을 중지하는 방법이 있습니까(어떤 전환이 발생했는지 감지하지 않고). 너무 복잡해지고 Transitionend에 버그가 있는 것으로 밝혀졌습니다. 저는 오히려 setTimeout을 사용하고 싶습니다(CSS 전환에는 약간 우스꽝스럽습니다)....

P粉274161593 2024-04-02 14:38:29 0  1  390

vuetify와 작동하지 않는 노드에 추가된 비활성화 옵션

안녕하세요 저는 vuetify를 사용하고 있습니다. "disableAll" 속성을 사용하여 부모의 모든 하위 요소를 비활성화할 수 있도록 이 지시문을 만들었습니다. 이는 일반 입력 텍스트와 같은 일부 요소와 완벽하게 작동하지만 일부 유형의 확인란을 수행할 때 (스위치처럼) 비활성화되지 않습니다. vuetify가 원인일 수 있나요? 체크박스가 있는 "Nodes" 상수를 인쇄했습니다. 따라서 요소를 찾고 비활성화된 속성을 적용하고 있지만 전혀 작동하지 않습니다. 이것은 지시문입니다. directive...

P粉587970021 2024-03-21 19:25:23 0  1  389

vue-easytable 플러그인은 조건부로 열을 표시합니다.

저는 Vue 구성 요소 내부에 테이블을 표시하기 위해 vue-easytable 플러그인 버전 2.8.2를 사용하고 있습니다. 테이블 열을 조건부로 표시하는 방법을 찾는 데 문제가 있습니다. 여기에 표시된 데모에서 Row Radio 또는 Row Checkbox 스위치가 켜져 있으면 데모 테이블에 열이 동적으로 추가되는 것을 볼 수 있습니다. 그래서 이 기능은 vue-easytable에 이미 존재해야 한다고 생각하는데, 문서를 참고하여 구현하는 방법을 찾을 수 없습니다. 내 Vue 구성 요소에서 vue-easytable에 전달하는 열 ...

P粉066224086 2024-03-27 17:51:33 0  1  425

Vue 3의 v-for 루프에서 버튼의 활성 상태 전환

Vue3에서 보려는 카테고리를 선택할 수 있는 필터 헤더를 만들고 있으므로 스위치를 클릭하여 필터를 전환할 수 있으며, 다른 카테고리를 클릭하면 이전 활성 카테고리가 한 번만 선택 취소됩니다. 활성 카테고리가 없습니다. 토글 버튼(선택 취소하려면 다시 클릭)이 없고 v-for 루프를 사용하지 않는 jsfiddle과 같은 몇 가지 예를 찾았습니다. 나는 이것을 v-for 루프로 변환할 수 있다고 확신하지만 전환을 쉽게 수행하고 한 번에 하나의 활성 범주만 갖는 방법을 모릅니다. 이게 나야

P粉046878197 2023-08-27 09:44:54 0  1  492

CSS: 크기가 다른 하위 요소가 있는 요소를 세로 중앙에 배치하려고 합니다.

안녕하세요 여러분, 여기에 제가 현재 가지고 있는 그림이 있습니다. 3개의 행과 3개의 열이 있는 그리드가 있고(각 열은 최소한의 콘텐츠임) 각 셀의 중앙에 요소를 배치합니다. 좋아 보이지만 헤더가 커지면 스위치와 카테고리 사이의 공간이 너무 커집니다. 이제 div 컨테이너 내부에 중간 행을 만들고 flex를 사용하려고 시도하지만 요소가 중앙에 위치하지 않습니다. 카테고리의 크기가 다른 카테고리의 크기보다 큽니다. 또한 카테고리를 동일한 크기로 만들려고 시도했지만 전체 구성 요소를 페이지 어딘가에 중앙에 배치하면 더 작은 카테고리의...

P粉476046165 2024-02-26 18:39:24 0  1  381

문제 2003(HY000) 해결 방법: MySQL 서버 'db_mysql:3306'에 연결할 수 없습니다(111).

최근에 FastAPIPython 서버를 컨테이너화하려고 했습니다(복제/배가 목적으로도). 이전에는 Docker 컨테이너에 MySQL 서버만 있으면 모든 것이 괜찮았지만 웹 서버도 서비스로 만들었을 때 MySQL 서버에 연결할 수 없어 이제는 애플리케이션이 작동하지 않습니다. 다음은 fromfastapiimportFastAPIimportmysql.connectorapp 애플리케이션에 있는 서버 데이터베이스 초기화 커넥터의 코드 조각입니다.

P粉178132828 2023-09-05 11:18:47 0  1  839

쿼리 제한 후 정렬 실험

이것이 나의 첫 번째 질문입니다. 문제가 있으면 용서해 주십시오. 제약 조건을 기반으로 정렬 쿼리를 만들려고 합니다. 따라서 90개의 레코드가 있는 Customers 테이블이 있습니다. 먼저 3개의 레코드로 제한된 쿼리를 수행한 다음 ContactName이라는 열을 기준으로 이 쿼리의 결과를 정렬하려고 합니다. 내 생각에 이것은 중첩된 쿼리일 수 있습니다. 중첩 쿼리는 SQLServer에서 잘 실행되지만 MySQL에서 구현하는 방법을 모릅니다. 제한 쿼리: Select*fromcustomerslimit

P粉237125700 2023-09-05 14:46:42 0  1  732