뷰와 관련된 로직을 처리하려면, 상태비저장 컴포넌트의 내부에 새로운 함수를 생성한다.

// 좋은 패턴
const DigitalDisplay = function(props) {
  const locale = time => (new Date(time)).toLocaleString('EU')
  return <div>{locale(props.time)}</div>
}

 

상태비저장 컴포넌트는 단순하게 유지해야 한다. 상태 객체나 메서드를 추가하지 말자. 특히 외부 메서드나 함수를 호출하지 않도록 해야 하는데, 이런 방법이 예측가능성을 깨뜨리기 때문이다(그리고 순수성에도 위배된다).