反应破坏状态传递给组件道具

Question

我将自己的部分状态传递给这样的组件道具：

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

这可行，但是我知道这不是最好的方法。想知道如何以一种更优雅的方式破坏它。

Answer 1

以这种方式进行解构是可行的，而且您不需要执行key: key。我会说，这样做：

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

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