Использование React.js статики внутри методов класса

Question

я следующий класс виджета:

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

Есть ли способ доступа название статической внутри методов class'es (с использованием this)? Например:

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

Answer 1

Вы можете получить доступ к статическим внутри компонента из this.constructor:

так что в этом случае было бы:

this.constructor.title 

Answer 2

statics объектом React класса является способом определения статических методов (т.е. методов, которые не нуждаются в каком-либо контексте для запуска). При этом не имеет смысла называть статический метод от this.

Похоже, что вы ищете «статическое» свойство (т. Е. Не изменяемое). Таким образом, вы должны использовать его как this.props.title на render(). Чтобы установить значение заголовка, вы должны сделать <Widget title='a title'/>. Следует отметить, что вы можете установить свойства по умолчанию, указав метод getDefaultProps.

Подробнее о statics и около props по документу React.

Answer 3

Прямой ответ:

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

Или:

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

Но на самом деле ... почему бы не просто использовать переменную?

var TITLE = 'a title'; 

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