Javascript 如何在React中将函数传递给子组件？

这就是我的代码所在的位置：

---

我有一个叫做Draggable的组件。我希望此组件包含用于拖动其子组件的所有逻辑。但是我希望子组件有一个按钮来开始和结束拖动。如何向我的子组件传递一个函数来执行此操作。此时可以拖动子组件，但可以从任何位置开始拖动。我想要它，所以您必须从红色圆圈中拖动它（请参见代码中的内容）。

您只需将函数作为道具传递给孩子们：

const dragStart=（）=>{
//待办事项
}
返回

---

因此，您的逻辑将位于

dragStart

函数的父级，子级可以使用

props.onDragStart（）

使用它。如果我将Draggable设置为return MyComponent，那么我只能使用Draggable。我希望能够将Draggable与任何组件一起使用。因此，每当我将其包含在代码中时，它的子级都可以获得一个函数来启动拖动。在这种情况下，您可以使用

React.Context

。看看这里