尝试在 2 个子项之间将数据传递给父级时接收"Uncaught TypeError: this.props.parentCallback2 is not a function"

Question

我是ReactJS的新手，我正在尝试制作Trello克隆。我已经将我的GitHub页面与下面的代码链接起来，因为这里有很多内容要放。

我的问题是我收到了错误"；CCD_ 1"；当试图将数据从子组件传递回父组件时。

我试过用多种方式重新编写代码，并在谷歌上四处搜索，试图找到答案，但没有成功。我的最终目标是让它在你点击一个项目时；CCD_ 2"；出现在屏幕上。

以下是我的代码：

App.js文件Toolbox.jsx文件Itemsx文件

如果有任何帮助，即使简化了我的代码，也将不胜感激。：(

Answer 1

<Widget>元素接收parentCallback2道具：

<Widget key={i} parentCallback2={this.handleCallback}/>

但它不会将其转发给<Todobox>，这里是const Widget = () => <Todobox />;

因此，当<Todobox>尝试调用parentCallback2时，它会抛出错误，因为它是Uncaught TypeError: this.props.parentCallback2 is not a function0

---

const Widget = ({parentCallback2}) => <Todobox parentCallback2={parentCallback2}/>