Реагировать на передачу состояния деструктурирования в свойства компонента

Question

Я передаю часть своего состояния в свойства компонента, например:

<EditBoard
  boardArr={{
    boardid: this.state.boardid,
    boardvalue: this.state.boardvalue,
    boardcolor: this.state.boardcolor,
  }}
/>

Это работает, но я понимаю, что это не лучший способ go. Интересно, как бы я мог разрушить это более элегантным способом.

Answer 1

Деструктуризация таким образом работает, да и key: key делать не нужно. Я бы сказал так:

  const { boardid, boardvalue, boardcolor } = this.state;

  return (
    <div>
      <EditBoard
        boardArr={{
          boardid,
          boardvalue,
          boardcolor
        }}
      />
    </div>
  );