Question

我有一个页面，它呈现一个componenet并向他们发送一个prop，该组件也可以执行redux动作。

export default function Home() {
  return (
    <ComponentReceiver new="yes" />
  )
}


export default function ComponentReceiver({reduxAction}, props) {
  return (
    <h1>{props.new}</h1>
  )
}

这不起作用，props.new未定义。

Answer 1

您的组件将始终接收道具。 Redux动作作为道具传递。

因此，您在这里有两个选择。您可以破坏组件的道具：

CL2!

请注意，您必须重命名export default function ComponentReceiver({reduxAction, new}) { return ( <h1>{new}</h1> ) }，因为它是保留关键字。

或者不破坏，让它只是new，并在组件中使用props.new和props.reduxAction。

NEXTJS传递钩子道具并接收redux动作

1 个答案: