Что это такое справа после '':''?

Question

[petroshevchenko1525]

Есть такой код:

filter = () => {
    this.setState(
      ({ searchInput: searchInput, startDataArray: data, category:category }) => {
        return {
          filteredDataArray: data[category].filter(item =>
            item.firstName.toLowerCase().includes(searchInput.toLowerCase())
          )
        };
      }
    );
  };

и здесь есть такое:
searchInput: searchInput
category:category

То что слева от символа":" searchInput мне понятно это this.state.searchInput. А что за searchInput справа от символа? Что это такое? Это создается переменная какая-то или что?
Такой же вопрос на счет category.
Я понимаю что можно было написать просто searchInput и просто category, но хочу понять почему автор кода именно так написал, ведь часто вижу что так пишут.

Comments

[twobomb]

Это переменная которая где то инициализирована и она видна в этом блоке

[petroshevchenko1525]

twobomb, так фишка в том что нигде она не инициализирована, разве что прям в этом месте о котором я спрашиваю

[twobomb]

petroshevchenko1525, нет, она где-то инициализирована, может не вами, а средствами того же фреймворка. Иначе выдавало бы ошибку, посмотрите в консоли.
Даже в функции которую вы передаете в setState явно идет обращение к этим переменным.
data[category]includes(searchInput.toLowerCase())
А значит они видны.
Пропишите перед this.setState
console.log(searchInput);

Answer 1

[Mikhail Osher]

Object destructuring

Долистайте до Object Destructuring > Assigning to new variable names

Comments

[petroshevchenko1525]

спасибо)