소켓 이벤트 핸들러 함수에서 반응 상태에 액세스 할 수 없습니다.

라훌자인

실시간 메시징을 위해 socket.io를 사용하는 반응 앱이 있습니다. 모든 반응 기능 구성 요소에서 공통 소켓 개체를 사용하려고하지만 이벤트 처리기 함수에서 상태 개체에 액세스 할 수 없습니다.

구성 :

var socket = io(socketEndPoint)
socket.emit('register', cookies)
export { socket }

ChatComponent :

import {socket} from './Config'
export default function ChatComponent(props) {
  const [chats, setChat] = React.useState([{chat_id: 1234}])
  socket.on('message', (data) => {
    console.log(data)
    console.log(chats)
  })
}

console.log (chats)는 항상 빈 배열을 인쇄합니다.

Context Api를 사용해 보았지만 여전히 도움이되지 않았습니다. 반응 상태에 액세스 할 수있는 방법이 있습니까? 미리 감사드립니다.

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

핸들러 함수는 업데이트 된 상태 변수에 액세스 할 수 없습니다

분류에서Dev

반응에서 배열 요소에 액세스 할 수 없습니다.

분류에서Dev

Aframe 구성 요소는 이벤트 핸들러에서 el을 참조 할 수 없습니다.

분류에서Dev

@action 데코레이터를 반응 이벤트 핸들러 함수에 추가 할 때 구성 요소가 다시 렌더링되지 않는 이유

분류에서Dev

Google 앱 스크립트의 서버 핸들러에서 위젯 호출 태그에 액세스 할 수 없습니다.

분류에서Dev

요소에서 컨트롤러에 액세스 할 수 없습니다.

분류에서Dev

onPanResponderMove 내에서 업데이트 된 상태 또는 소품에 액세스 할 수 없습니다.

분류에서Dev

SpinBoxStyle이 버튼 상태에 액세스 할 수 없습니다.

분류에서Dev

이벤트에 액세스 할 수 없습니다.

분류에서Dev

Facebook 그래프 API 응답 iOS에서 이벤트 이름에 액세스 할 수 없습니다.

분류에서Dev

ng 포함 컨트롤러에서 $ parent에 액세스 할 수 없습니다.

분류에서Dev

prePersist 이벤트 리스너에서 OrderHasComment 공용 메소드에 액세스 할 수 없습니다.

분류에서Dev

다른 핸들러에서 angularjs 이벤트 핸들러를 어떻게 트리거 할 수 있습니까?

분류에서Dev

디렉티브 컨트롤러에서 양식 상태에 액세스 할 수 없습니다.

분류에서Dev

Python에서 웹 소켓이 반환하는 데이터에 어떻게 액세스 할 수 있습니까?

분류에서Dev

appanded 요소로 업데이트 된 상태에 액세스 할 수 없습니다.

분류에서Dev

GWT 이벤트 핸들러를 추가 할 수 없습니다.

분류에서Dev

이벤트 핸들러를 연결할 수 없습니다.

분류에서Dev

반응 구성 요소에서 redux 저장소에 제대로 액세스 할 수 없습니다.

분류에서Dev

javafx에서 액세스 할 수없는 버튼 핸들러의 변수

분류에서Dev

ASP.net MVC는 컨트롤러 함수에서 ajax 데이터에 액세스 할 수 없습니다.

분류에서Dev

이벤트에 배열을 채우고 이벤트 함수 핸들러 외부에서 액세스

분류에서Dev

Angular JS의 컨트롤러 함수 내에서 $ scope 변수에 액세스 할 수 없습니다.

분류에서Dev

삭제 된 개체에 액세스 할 수 없습니다. 소켓 C #

분류에서Dev

Ngrx 저장소 선택기가 상태에 액세스 할 수 없습니다.

분류에서Dev

반응 배열 상태를 업데이트하기 위해 텍스트 상자에서 핸들 변경 이벤트를 어떻게 사용할 수 있습니까?

분류에서Dev

보기에서 컨트롤러 변수에 액세스 할 수 없습니다.

분류에서Dev

함수에서 반환 된 값에 액세스 할 수 없습니다.

분류에서Dev

React Component 내부 함수에서 소품에 액세스 할 수 없습니다.

Related 관련 기사

  1. 1

    핸들러 함수는 업데이트 된 상태 변수에 액세스 할 수 없습니다

  2. 2

    반응에서 배열 요소에 액세스 할 수 없습니다.

  3. 3

    Aframe 구성 요소는 이벤트 핸들러에서 el을 참조 할 수 없습니다.

  4. 4

    @action 데코레이터를 반응 이벤트 핸들러 함수에 추가 할 때 구성 요소가 다시 렌더링되지 않는 이유

  5. 5

    Google 앱 스크립트의 서버 핸들러에서 위젯 호출 태그에 액세스 할 수 없습니다.

  6. 6

    요소에서 컨트롤러에 액세스 할 수 없습니다.

  7. 7

    onPanResponderMove 내에서 업데이트 된 상태 또는 소품에 액세스 할 수 없습니다.

  8. 8

    SpinBoxStyle이 버튼 상태에 액세스 할 수 없습니다.

  9. 9

    이벤트에 액세스 할 수 없습니다.

  10. 10

    Facebook 그래프 API 응답 iOS에서 이벤트 이름에 액세스 할 수 없습니다.

  11. 11

    ng 포함 컨트롤러에서 $ parent에 액세스 할 수 없습니다.

  12. 12

    prePersist 이벤트 리스너에서 OrderHasComment 공용 메소드에 액세스 할 수 없습니다.

  13. 13

    다른 핸들러에서 angularjs 이벤트 핸들러를 어떻게 트리거 할 수 있습니까?

  14. 14

    디렉티브 컨트롤러에서 양식 상태에 액세스 할 수 없습니다.

  15. 15

    Python에서 웹 소켓이 반환하는 데이터에 어떻게 액세스 할 수 있습니까?

  16. 16

    appanded 요소로 업데이트 된 상태에 액세스 할 수 없습니다.

  17. 17

    GWT 이벤트 핸들러를 추가 할 수 없습니다.

  18. 18

    이벤트 핸들러를 연결할 수 없습니다.

  19. 19

    반응 구성 요소에서 redux 저장소에 제대로 액세스 할 수 없습니다.

  20. 20

    javafx에서 액세스 할 수없는 버튼 핸들러의 변수

  21. 21

    ASP.net MVC는 컨트롤러 함수에서 ajax 데이터에 액세스 할 수 없습니다.

  22. 22

    이벤트에 배열을 채우고 이벤트 함수 핸들러 외부에서 액세스

  23. 23

    Angular JS의 컨트롤러 함수 내에서 $ scope 변수에 액세스 할 수 없습니다.

  24. 24

    삭제 된 개체에 액세스 할 수 없습니다. 소켓 C #

  25. 25

    Ngrx 저장소 선택기가 상태에 액세스 할 수 없습니다.

  26. 26

    반응 배열 상태를 업데이트하기 위해 텍스트 상자에서 핸들 변경 이벤트를 어떻게 사용할 수 있습니까?

  27. 27

    보기에서 컨트롤러 변수에 액세스 할 수 없습니다.

  28. 28

    함수에서 반환 된 값에 액세스 할 수 없습니다.

  29. 29

    React Component 내부 함수에서 소품에 액세스 할 수 없습니다.

뜨겁다태그

보관