Redux에서 정의되지 않은 상태

질문

 

다음은 목록에 API를 사용하는 데모 redux 프로젝트입니다. 목록 항목을 클릭하면 세부 정보가로드됩니다.

브라우저 또는 헤더 텍스트에서 뒤로 버튼을 클릭하면 문제가 발생합니다. 오류가 발생합니다. CodeSandBox 는 다음과 같습니다.

문제를 찾도록 도와주세요.

 

답변1

 

GET_TODOS 조치를 호출 할 때 state를 재설정하여 todos 가 빈 배열의 초기 상태를 가지지 만 이제 정의되지 않았습니다.

case GET_TODOS:
  return { todo: action.payload, loading: false }

솔루션 1 : (권장)

상태의 다른 부분을 반환

case GET_TODOS:
  return { ...state, todo: action.payload, loading: false }

솔루션 2 :

todos 가 정의되어 있지 않은지 확인해야합니다. {todos && todos.map (todo => (

return (
    <>
      {todos && todos.map(todo => (
        <Card key={todo.id} className="my-2">
          <Link className="nav-link" to={`/todos/${todo.id}`}>
            <Card.Body>{todo.title}</Card.Body>
          </Link>
        </Card>
      ))}
    </>
  )

 

 

 

 

 

출처 : https://stackoverflow.com/questions/63277399/undefined-state-from-redux