전화 메소드 내 렌더링 또는 방법은 계산 된 값을 반환해야합니다 렌더링 할 때 게터

Question

를 사용, 그것은 더 적절한 클래스 메소드

class User extends Component { 
    getFullName() { 
    const { fname, lname } = this.props 
    return `${lname}, ${fname}` 
    } 
    render() { 
    return <div>FULLNAME: {this.getFullName()}</div> 
    } 
} 

또는 게터를 사용하는 것입니다 그러나 렌더링 메소드 내에서 함수를 호출하는 것이 좋은 관행인지 아닌지 명확하지 않고, 다른 것이 선호되는 이유가 무엇인지 궁금합니다.

Answer 1

렌더링 메서드에서 계산 된 값을 반환해야하는 경우 클래스 메서드를 사용하는 것이 더 적절합니까?

여기에 옳고 그른 것은 없습니다. 그것은 개인적인 취향과 코딩 스타일과 당신이 당신의 물건에 선호하는 인터페이스의 유형에 불과합니다.

발신자가 속성처럼 동작하도록하려면 호출자가 속성 console.log(user.fullName)처럼 액세스 할 수 있도록 getter를 사용합니다. 당신이 행동과 개체가`)을 console.log (user.getFullName() (방법을 사용 후, 계산하고 반환하는 것을 같은 호출자에게 보일하려면

.이 특히

아무도 없다. 설정자가 없기 때문에 개인적으로 아마도 user.getFullName() 자신을 사용할 것입니다. 호출자에게는 이것이 검색 할 수 있고 설정되지 않고 계산 된 속성 일 수 있으며 직접적인 것이 아닌 것은 분명합니다. 저장.

그들은 모두 작동하는 것,하지만 난 렌더링 방법 내에서 함수를 호출하는 것은 좋은 방법이 있다면 분명 해요 여부 및 curiou 오전 s가 다른 것보다 선호되는 이유는 무엇입니까?

render() 내부 함수를 호출해도 아무런 문제가 없습니다. 그건 아주 괜찮아.