Sử dụng React.js tĩnh bên trong phương thức lớp

Question

Tôi đã lớp phụ tùng sau:

var Widget = React.createClass({ 
    statics: {title: "a title"}, 
    ... 
}); 

Có một cách để truy cập tiêu đề tĩnh bên trong phương pháp class'es (sử dụng this)? Ví dụ:

render: function() { 
    return <div>{this.title}</div>; 
} 

Answer 1

Bạn có thể truy cập vào một tĩnh từ bên trong các thành phần từ this.constructor:

như vậy trong trường hợp này nó sẽ là:

this.constructor.title 

Answer 2

Đối tượng statics của một Phản ứng Class là một cách để xác định phương pháp tĩnh (ví dụ, phương pháp mà không cần bất kỳ bối cảnh để chạy). Điều đó đang được nói, nó không có ý nghĩa để gọi một phương pháp tĩnh từ this.

Có vẻ như bạn đang tìm kiếm thuộc tính "tĩnh" (tức là không thể thay đổi). Vì vậy, bạn nên sử dụng nó như this.props.title trên render(). Để đặt giá trị của tiêu đề, bạn nên làm <Widget title='a title'/>. Điều đáng nói đến là bạn có thể đặt các thuộc tính mặc định, bằng cách xác định phương thức getDefaultProps.

Tìm hiểu thêm về statics và khoảng props trên tài liệu của React.

Answer 3

Câu trả lời trực tiếp:

React.createClass({ 
    title: 'a title', 
    render: function() { 
     return <div>{this.title}</div>; 
    } 
}); 

Hoặc:

React.createClass({ 
    componentWillMount: function(){ 
     this.title = 'a title'; 
    }, 
    render: function() { 
     return <div>{this.title}</div>; 
    } 
}); 

Nhưng thực sự ... tại sao không chỉ cần sử dụng một biến?

var TITLE = 'a title'; 

React.createClass({ 
    render: function() { 
     return <div>{TITLE}</div>; 
    } 
});