더북(TheBook)

3.2.5 React 컴포넌트 메서드 생성하기

React 컴포넌트에 애플리케이션을 위한 메서드를 자유롭게 추가할 수 있다. React 컴포넌트가 클래스이기 때문이다. 다음 예제 코드에서는 헬퍼 메서드로 getUrl()을 추가했다.

class Content extends React.Component {
  getUrl() {
      return 'http://webapplog.com'
  }
  render() {
      ...
  }
}

 

getUrl() 메서드가 세련되지는 않았지만, 기본적인 개념을 얻을 수 있을 것이다. 즉, render() 외에도 임의의 메서드를 직접 만들 수 있다. getUrl() 메서드를 사용하여 API 서버에 대한 URL을 추상화할 수도 있다. 헬퍼 메서드는 재사용 가능한 논리가 있고, render()를 포함하여 컴포넌트의 다른 메서드 어디에서나 호출할 수 있다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.