React父组件向子组件传requestID返回undefined问题排查

问题原因 #

你在编写步骤2子组件Components的函数定义时，错误地将props拆分为两个参数接收。React的函数组件仅会接收唯一一个props对象参数，所有父组件传递的属性都会被挂载到这个对象上，你写的第二个参数属于框架预留的可选参数，永远不会接收你传递的requestID属性，所以打印出来是undefined。

修复方案 #

将list-components.js中Components函数的入参修改为从第一个props对象中解构requestID即可：

// 修改前
function Components({componentTableToParent}, {requestID}) {
  // ...
}

// 修改后
function Components({componentTableToParent, requestID}) {
  const [component, setComponent] = useState([])
  const classes = useStyles();

  console.log("requestID", requestID) // 此处即可正常输出传递的ID值
}

内容的提问来源于stack exchange，提问作者Jeff