Gọi một hàm tĩnh vào lớp Phản ứng ES6

Question

Tôi có lớp ReactJS sau:

import React from 'react' 

export class Content extends React.Component { 

    static getValue(key) { 
    return key 
    } 

    render() { 
    let value = this.getValue(this.props.valueKey); 
    return <span dangerouslySetInnerHTML={{__html: value}} /> 
    } 
} 

Nhưng tôi đã được lỗi sau:

TypeError: this.getValue is not a function 

Tôi không hiểu. Đây có phải là cách tốt để gọi một hàm tĩnh không? Tôi nghĩ rằng phản ứng đang làm một cái gì đó với statics, nhưng tôi không biết những gì.

Answer 1

Một phương pháp tĩnh cần được truy cập trên lớp không phải là một cá thể. Vì vậy, trong trường hợp của bạn, sử dụng:

Content.getValue()

Tuy nhiên, một phương pháp tĩnh sẽ không thể truy cập vào this - Tôi không nghĩ rằng bạn muốn phương pháp này được tĩnh dựa trên mẫu mã của bạn ở trên.

thêm: Static Members in ES6

Answer 2

Bạn có thể truy cập từ bên trong lớp như this.constructor.getValue.

Chỉnh sửa: Tôi đã thêm một JSFiddle here. Sự thay đổi duy nhất tôi thực hiện là bổ sung thêm lời gọi hàm từ hàm tạo và loại bỏ innerHTML được đặt nguy hiểm - Như được hiển thị, bạn có thể truy cập getValue tĩnh từ this.constructor, và hoạt động tốt.