반응형

reactjs 38

유형 'never'에 속성 'value'가 없습니다.mui에서 useRef 후크 사용 시

유형 'never'에 속성 'value'가 없습니다.mui에서 useRef 후크 사용 시 머티리얼 UI를 사용하여 로그인 및 등록 페이지를 작성하고 있습니다.useRefTextFiled 참조 인스턴스를 반환하려면xxxRef.current.value입력값을 가져옵니다. 내 프로젝트를 원활하게 실행할 수 있고value(정확하게) 하지만 콘솔은 항상 다음 사항을 상기시켜 줍니다. Property 'value' does not exist on type 'never'. 코드 스니펫은 다음과 같습니다. const accountRef = useRef(); const payload = { account: accountRef.current?.value ?? '', password: passwordRef.current?...

programing 2023.03.08

"React가 Hooks 순서 변경을 감지했습니다." 그러나 Hooks가 순서대로 호출되는 것 같습니다.

"React가 Hooks 순서 변경을 감지했습니다." 그러나 Hooks가 순서대로 호출되는 것 같습니다. 사용하려고 합니다.Context그리고.Reducers훅 순서가 일정하지 않은 문제에 부딪힙니다.내가 알기로는, 그 명령만 있으면useHook(…)그대로, 어떤 종류의 제어 흐름에서도 반환된 상태/업데이트 함수/컴포넌트를 호출해도 문제가 없습니다.그렇지 않으면 Function Components 맨 처음에 후크를 호출합니다. 내가 지금 만들고 있는 건Days루프로요?아니면 다른 걸 놓쳤나요? Warning: React has detected a change in the order of Hooks called by Container. This will lead to bugs and errors if no..

programing 2023.02.26

리덕스 대 플레인 리액트

리덕스 대 플레인 리액트 닫혔어. 이 질문은 좀 더 자세히 설명해야 합니다.초점을 맞춥니다.현재 답변을 받고 있지 않습니다. 이 질문을 개선하시겠습니까?이 게시물을 편집하여 하나의 문제에 초점을 맞추도록 질문을 업데이트하십시오. 6년 전에 문을 닫았어요 이 질문을 개선하다 저는 몇 가지 리덕스 튜토리얼을 읽었는데, 솔직히 지금까지 이 튜토리얼이 평이한 반응에 어떤 부가가치를 가져다 주는지 모르겠습니다. 리액션만으로 앱을 만들고 상태를 관리할 수 있는 것으로 알고 있는데, redux를 사용할 가치가 있는 것은 무엇일까요? 리덕스는 반응보다 몇 가지 장점이 있는 것 같습니다. 즉, 다음과 같습니다. 수행된 모든 작업을 추적합니다. 이전 포인트로 인해 디버깅이 쉬워집니다. 컴포넌트간에 상태가 전달/상승을 방지..

programing 2023.02.26

React에서 증분 연산자를 사용하는 방법

React에서 증분 연산자를 사용하는 방법 왜 내가 하고 있을 때this.setState({count:this.state.count*2})동작하고 있습니다만, 동작하고 있는 경우는, 다음과 같습니다.this.setState({count:this.state.count++})안 돼요? 왜, 어떻게 고치나요? 풀코드: var Hello = React.createClass({ getInitialState:function(){ return {count:parseInt(this.props.count)} }, a:function(){ this.setState({count:this.state.count++}) console.log(this.state) }, render: function() { console.log(t..

programing 2023.02.26

React-Router - Uncaught TypeError: 정의되지 않은 속성 'getCurrentLocation'을 읽을 수 없습니다.

React-Router - Uncaught TypeError: 정의되지 않은 속성 'getCurrentLocation'을 읽을 수 없습니다. 최신 버전을 사용하고 있습니다.react-router(버전 ^3.0.0). ES5를 사용하여 다음 루팅을 작성했습니다. routes.js: var React = require("react"); var Router = require("react-router"); var AuthorPage = require('./components/authors/authorPage') var App = require('./components/app') var Route = Router.Route; var routes = ( ); module.exports = routes; 라고 하는 ..

programing 2023.02.26

키보드 회피 Scroll View를 사용한 표시 회피

키보드 회피 Scroll View를 사용한 표시 회피 네이티브 대응은 처음이지만 네이티브 대응 문서에서는 찾을 수 없었던 질문이 하나 있습니다. 이 컴포넌트를 조사하고 있습니다.KeyboardAvoidingView: https://facebook.github.io/react-native/docs/keyboardavoidingview.html 질문은 간단합니다.문의할 사람이 있습니까?KeyboardAvoidingView잘 어울리다ScrollView나는 많은 것을 가지고 있다.TextInputs1개의 컴포넌트(Text Inputs 높이의 합계가 디바이스 높이보다 크다)에서 키보드가 뜨면 여러 가지 문제가 발생합니다. 사용하는 경우View대신ScrollView그럼 다 괜찮은데, 기기 높이보다 공간이 더 필요해..

programing 2023.02.26

하위 React 구성 요소에서 상위 메서드를 호출하려면 어떻게 해야 합니까?

하위 React 구성 요소에서 상위 메서드를 호출하려면 어떻게 해야 합니까? 부모 컴포넌트와 자녀 컴포넌트가 있는데 다음과 같이 자녀 컴포넌트의 부모 메서드를 호출합니다. import Parent from './parent.js'; class Child extends React.Component { constructor(props) { super(props); }; click() { Parent.someMethod(); } render() { Hello Child onClick={this.click} } } class Parent extends React.Component { constructor(props) { super(props); }; someMethod() { console.log('bar');..

programing 2023.02.26

React state vs Redux Store를 선택하는 경우

React state vs Redux Store를 선택하는 경우 지금까지 Redx에 대해 배웠습니다만, react state vs redux store와 디스패치 액션을 어떻게 판단해야 하는지 잘 모르겠습니다.지금까지 읽어본 바로는 리액트 상태로 리액트 스토어 대신 작업을 수행할 수 있을 것 같습니다.Redx 스토어를 사용하는 것과 컨테이너 컴포넌트 1개와 나머지 컴포넌트를 상태 비저장 컴포넌트로 사용하는 것에 대한 우려의 구분은 이해하지만 React state vs redux 스토어를 사용할 시기를 결정하는 방법은 명확하지 않습니다.누가 좀 도와줄래요? 감사합니다!상태를 다른 컴포넌트와 공유할 필요가 없거나 컴포넌트가 마운트 해제되었을 때 상태를 유지할 필요가 없는 경우에는 컴포넌트 상태로 할 수 있습..

programing 2023.02.26
반응형