В React ты можешь определять константы используя ES7 static class fields. Такой подход чистый и привязывает константы к их компоненту.
Самый распространённый способ определить константы в class components — использовать ключевое слово static:
class MyComponent extends React.Component {
static DEFAULT_PAGINATION = 10;
render() {
return <div>{this.constructor.DEFAULT_PAGINATION}</div>;
}
}
Обращайся к константе через this.constructor.CONSTANT_NAME или MyComponent.CONSTANT_NAME если ты вне класса.
const на уровне модуля, так как функциональные компоненты не поддерживают static fields// Константа на уровне модуля
const DEFAULT_PAGINATION = 10;
function MyComponent() {
return <div>{DEFAULT_PAGINATION}</div>;
}
Static fields не наследуются и остаются специфичны для класса, в котором они определены, что делает их идеальными для конфигурации, специфичной для компонента.
Статические поля класса в React наследуются подклассами, позволяя дочерним компонентам получать доступ к константам родительского компонента без переопределения.
Новый — ещё не проверен сообществом
Вы