반응형

REACTJS 18

스타일 구성 요소 내에서 material-ui 버튼의 호버 효과를 비활성화하는 방법

스타일 구성 요소 내에서 material-ui 버튼의 호버 효과를 비활성화하는 방법 버튼의 호버 효과를 무효로 하기 위해 css hover 속성을 추가했는데, 내 경우 작동하지 않는 것 같습니다. 어떻게 수정해야 합니까? import Button from 'material-ui/Button' import styled from 'styled-components' const StyledButton = styled(Button)` &:hover { background: none; } ` export const SubmitButton = ({ onClick }) => { return ( login ) } 인라인 스타일을 추가하여 이 문제를 해결할 수 있습니다. export const SubmitButton = ..

source 2023.03.10

반응 네이티브 빌드 오류:virtual method'boolean com.facebook.react.uimanager를 호출하려고 합니다.FabricViewStateManager.hasStateWrapper()

반응 네이티브 빌드 오류:virtual method'boolean com.facebook.react.uimanager를 호출하려고 합니다.FabricViewStateManager.hasStateWrapper() 이전 빌드에서는 정상적으로 동작하지만, 빌드하려고 하면 이 에러가 발생합니다.나는 이 오류를 어떻게 해결해야 할지 모르겠다. 같은 문제에 직면한 사람이 있으면 도와주세요. Attempt to invoke virtual method'boolean com.facebook.react.uimanager.FabricViewStateManager.hasStateWrappper()' on a null object reference 를 사용하여 에러의 원인을 좁힐 수 있었습니다.adb logcat앱을 추적하고 ..

source 2023.03.05

조건부로 추가 또는 추가하지 않는 방법반응 중인 div를 클릭하세요.

조건부로 추가 또는 추가하지 않는 방법반응 중인 div를 클릭하세요. 설정 가능 여부를 알고 싶습니다.onClick내 경우 속성의 값에 따라 반응하는 div 요소에 대해canClick. 직접 확인할 수 있다는 것을 알고 있습니다.handler대신, 저는 내부에 구현될 솔루션을 찾고 있습니다.render. ... handler(){ } render() { const { canClick} = this.state return ( hello ) } ... 조건을 다음과 같이 입력합니다. onClick={canClick ? this.handler : undefined } 작업 코드: class App extends React.Component { _click(){ // it will not print the va..

source 2023.03.05

반응용 콘솔 로깅?

반응용 콘솔 로깅? 리액트는 처음이라서 Meteor를 위해 셋업하고 다른 소스에서 온 자료도 정리하려고 합니다.다른 소스 중 하나가 콘솔 로깅을 셋업하고 있지만, 저는 ES6/JSX 방식을 택하고 있기 때문에 코드를 사용하는 것만으로 효과가 없습니다(그렇지 않은 것 같습니다). 로깅을 위해 찾은 몇 가지 코드는 import Logger from 'simple-console-logger'; Logger.configure({level: 'debug'}); 이 에러가 발생하고 있습니다. 저도 한번 써봤어요.react-logger그리고.react-console-logger헛수고다.후자에 대한 내 코드는 다음과 같습니다. 작동해야 할 것 같습니다. import {Logger, ConsoleLogger} from ..

source 2023.03.05

MUI에서 가로 아이콘과 텍스트를 정렬하는 방법

MUI에서 가로 아이콘과 텍스트를 정렬하는 방법 MUI는 처음이라 아이콘과 텍스트가 맞지 않습니다. 원하는 결과: 암호는 다음과 같습니다. revolve 나는 격자와 노를 저어 보았지만 효과가 없었다.누가 나를 도와줄 수 있나요?이건 완벽하게 작동해! revolve 그리드를 사용해야 합니다.다음과 같은 것이 작동해야 합니다. revolve 아래 코드를 사용해 보십시오.사용할 수 있습니다.variant당신의 요구에 따라. const useStyles = makeStyles(theme => ({ wrapIcon: { verticalAlign: 'middle', display: 'inline-flex' } })); revolve 이는 MUI v5에서 및 set를 사용하여 쉽게 달성할 수 있습니다.alignIt..

source 2023.03.05

React-Router v4를 통한 값 전달

React-Router v4를 통한 값 전달 질문:.Prop 또는 _id와 같은 단일 값을 React-Router's Link 컴포넌트에 전달하여 엔드포인트에서 포착하려면 어떻게 해야 합니까? 제 말은 이렇습니다.예를 들어 /a페이지에 있다고 칩시다.이 링크는 사용자를 /b로 이동합니다.그렇게 해서이제 링크를 통해 /a에서 /b로 _id를 전달해야 합니다. blah blah 전달하려는 ID는 Link 구성 요소가 중첩된 개체의 속성입니다. 이 구문을 찾았습니다.params={}다른 StackOverflow 스레드에 있습니다.내 코드가 깨지지 않고 컴파일됐으니 작동했다는 뜻일까?그러나 엔드포인트에서 이 전달된 값을 가져오는 방법을 알 수 없습니다. 어떤 도움이라도 주시면 대단히 감사하겠습니다.패싱 소품 임..

source 2023.02.17

어떻게 하면 쿠키를 반응시킬 수 있을까요?

어떻게 하면 쿠키를 반응시킬 수 있을까요? 원래 쿠키 설정에는 다음과 같은 아약스를 사용합니다. function setCookieAjax(){ $.ajax({ url: `${Web_Servlet}/setCookie`, contentType: 'application/x-www-form-urlencoded;charset=utf-8', headers: { 'Access-Control-Allow-Origin': '*', 'username': getCookie("username"), 'session': getCookie("session") }, type: 'GET', success: function(response){ setCookie("username", response.name, 30); setCookie("..

source 2023.02.13

fetch api에서 CORS 사용

fetch api에서 CORS 사용 이 질문에는 이미 답변이 있습니다. 'Access-Control-Allow-Origin' 헤더는 어떻게 작동합니까? (답변 19개) 닫힘4년 전에요. 계속할 수 없는 다음 오류 메시지가 나타납니다. https://site/data.json을 로드하지 못했습니다. 비행 전 요청에 대한 응답이 액세스 제어 검사를 통과하지 못했습니다.요청된 리소스에 'Access-Control-Allow-Origin' 헤더가 없습니다.따라서 오리진 'http://localhost:8080'은 액세스가 허용되지 않습니다.불투명한 응답이 요구에 적합한 경우 요청 모드를 'no-cors'로 설정하여 CORS가 비활성화된 상태로 리소스를 가져옵니다.localhost/:1 미취득(확실히)TypeEr..

source 2023.02.09
반응형