홈>2020-02-26 13:22

reactjs - typescript에 문제를주는 스프레드 연산자

react-typescript 앱에 대한 redux 저장소를 구현하려고합니다. 감속기에 문제가 있습니다. 기본 반응 앱에서 다음을 수행했습니다.

 reminders = [...state, reminder(action)];
  return reminders;

확산 연산자는 완벽하게 작동합니다. 새 객체가 불변으로 배열에 추가됩니다.

typescript를 사용하면 이런 일이 일어나지 않습니다. (배열 대신 빈 개체를 가져옵니다) object.assign을 시도했습니다.

 return (<any>Object).assign({}, state, reminder(action));

이것은 현재 객체를 대체하는 대신 배열에 추가하는 것으로 불변의 방식으로 생각하지 않습니다.

uisng immutable.js를 시도했지만 감속기가 전혀 호출되지 않았습니다.

return map([state,reminder(action)])

무엇이 잘못되었는지 전혀 모른다. 또한 objext.assign을 사용한 후 nextprops 및 currents props는 항상 동일합니다. shouldContainerUpdate () 메소드에서 변경된 경우에도

답변 # 1
와이즈 비즈
TypeScript에서도 똑같이 사용하면 완벽하게 작동합니다 :
```
 the spread operator works perfectly. and the new object is added to array immutably.
```
왜
TypeScript가 JavaScript 구문을위한 JavaScript와 동일한 의미를 따르기 때문에 reminders = [...state, reminder(action)]; return reminders;