在React中描述数据集

Question

我想提取一些变量和类似的道具

const MyComponent = (props, {data}) => {
return (
<div data-set={props["data-set"]}>
{data.name}
</div>
)
};

当然这是行不通的。如何降低数据集值的结构，或者在销毁数据时如何保留道具？？

Answer 1

因为这只是我想销毁的一个变量，所以我可以使用

const MyComponent = props => {

const { data } = props   // adding this line here
return (
<div data-set={props["data-set"]}>
{data.name}
</div>
)
};

但如果它是一个更大或更嵌套的对象，它就不会那么酷了

Answer 2

您正在寻找休息：

const MyComponent = (props, { data, ...rest }) => {
return <div data-set={rest["data-set"]}>{data.name}</div>;
};