Объявления полей класса — это современный синтаксис JavaScript, который упрощает React-компоненты-классы, избавляя от лишнего кода. Это позволяет инициализировать состояние и определять методы без конструкторов и ручного связывания.
thisВот компонент счётчика с использованием объявлений полей класса:
class Counter extends Component {
state = { value: 0 };
handleIncrement = () => {
this.setState(prevState => ({
value: prevState.value + 1
}));
};
handleDecrement = () => {
this.setState(prevState => ({
value: prevState.value - 1
}));
};
render() {
return (
<div>
{this.state.value}
<button onClick={this.handleIncrement}>+</button>
<button onClick={this.handleDecrement}>-</button>
</div>
);
}
}
state = { value: 0 } – объявляет начальное состояние без необходимости в конструкторе=> гарантирует, что this автоматически привязан к экземпляру класса.bind(this) в конструктореОбъявления полей класса значительно снижают сложность кода и устраняют распространённый источник ошибок, связанных с привязкой this в обработчиках событий. Этот синтаксис сейчас широко поддерживается и считается лучшей практикой для React-компонентов-классов.
Объявления полей класса позволяют инициализировать состояние напрямую без метода конструктора, что делает код более лаконичным.
Новый — ещё не проверен сообществом
Вы