Использование this.props или this.state напрямую против установки const

Question

Я новичок, чтобы реагировать и, как я смотрю на примеры, я вижу, что многие учебники не используют this.props или this.state напрямую. Вместо этого они установят const в начале функции. Я использовал их взаимозаменяемо, не видя никакой разницы в функциональности.

Есть ли какие-либо преимущества в использовании const?

, т.е.

const {
    error
} = this.state;

{error && <p>{error.message}</p>}

против

{this.state.error && <p>{this.state.error.message}</p>}

Answer 1

Как вы сами заявили, что разницы нет вообще, и это правда. Мой простой ответ на использование const:

После того, как вы определили этот путь

const {error} = this.state;

, теперь вы можете просто использовать термин (ошибка) в следующих кодах вместо longy (this.state.error)Так что это просто для простоты

Answer 2

Это называется Destructuring, особенность ES6.

В функциональности нет различий, но есть небольшие преимущества использования деструктуризации.

Во-первых, более чистый код. Если вы деструктурируете объект в верхней части блока кода, читателю станет яснее, какие переменные вы собираетесь использовать.

Во-вторых, он помещает свойства объекта в локальные переменные, что может повысить производительность, особенно еслиВы используете переменные несколько раз, как в цикле.