首先，这与React无关。它是ECMAScript 6（如果您愿意的话，也可以是JavaScript 2015）的一部分。

您在此处看到的称为“ 分解任务”：

const {girls, guys, women, men} = state;

// Is the same as

const girls = state.girls;
const guys = state.guys;
const women = state.women;
const men = state.men;

在学习React时，您可能会遇到类似的情况：

import { methodA, methodB } from "my-module";

在这种情况下，您有一个名为的模块my-module，该模块公开了一些功能。使用import {} from语法选择要导入的功能。请注意，尽管它以类似的方式工作，但这并不是破坏结构。