중첩된 속성과 함께 개체 범위를 사용하는 방법

중첩된 속성과 함께 개체 범위를 사용하는 방법

리듀서(react-redux)에서 다음 항목을 반환하려고 하면 구문 오류가 발생합니다.

return { ...state, loginForm.email: action.payload.email }

state = { loginForm: { email: '', password: '' } } so on

저는 바벨 프리셋 스테이지 0과 es2015를 설치했습니다.이것은 정상적으로 동작합니다.

return { ..state, loginForm: action.payload }

이 키로 인해 발생하는 오류:

loginForm.email

올바른 개체 키가 아닙니다.

다음과 같이 적습니다.

return { 
    ...state, 
    loginForm: {
        ...state.loginForm,
        email: action.payload.email
    } 
}

JS에서 개체의 키 값은 문자열 값 또는 기호 값입니다.공식 문서

이런 걸 원하는 것 같은데

{ ...state, loginForm: { email: action.payload.email } }

언급URL : https://stackoverflow.com/questions/47103028/how-to-use-object-spread-with-nested-properties