Question

我有一个反应组件。它可以访问React-router道具，如Match，History，Location。但它也可以访问文章道具。当我解构文章时，所有的道具都消失了。当我在console.log中时，我得到一个没有匹配，历史等的空对象。如何在保留道具的同时进行结构化？我知道我也可以破坏比赛和历史。但我想要道具。

//component
<Home articles={articles} />

//component
const Home = ({articles}, ...props) => {
console.log(props)
console.log(...props)
...coding stuff here....
}

Answer 1

检查大括号位置。

//component
<Home articles={articles} />

//component
const Home = ({articles, ...props}) => {
console.log(props)
console.log(...props)
...coding stuff here....
}

Answer 2

我认为，您甚至不必使用articles，请参阅此

//component
<Home articles={articles} />

//component
const Home = ({...props}) => {
console.log(props)
console.log(...props)
...coding stuff here....
}

在解构参数后访问道具？

2 个答案: