Как присваивается значение ошибки в примере React AJAX и API?

Question

В React Docs - AJAX и API есть пример, когда объект JSON создается с ключом, который не имеет значения.

Я полагаю, что мне не хватает некоторых фундаментальное понимание JavaScript объектов. Какое значение присваивается ключу error в следующем фрагменте и как его получить?

(error) => {
    this.setState({
        isLoaded: true,
        error
    })
}

Позже, когда отображается состояние, предполагается, что значение error имеет некоторое свойство message. Я запустил пример кода, и он явно работает, но я застрял, пытаясь объяснить другому человеку, как именно он работает.

if(error) {
    return <div>Error: {error.message}</div>

Answer 1

Это сокращение свойства объекта ,

, в основном, если у вас есть переменная с тем же именем, что и ключ, вы можете сделать:

const key = "someValue";

const obj = { key };

// instead of
const obj = { key : key };

const name = "John";
const age = 30;

const obj = {
  name,
  age
}

console.log(obj);

В приведенном вами примере error - это объект с message внутри, что-то вроде:

const error = {
  message: "some message",
  // ... 
}