Javascript 将状态数据向下发送到父组件

很多类似的帖子都是关于这个主题的，但是在我的应用程序中没有一篇是有意义的，所以我现在发布这个帖子，让我知道它是否是重复的，并且已经有了答案

Circle组件使用onMouseMove事件处理程序呈现一个简单的div元素。调用UpdateCords函数，该函数发送作为状态存储的元素上指针的位置：

---

我有一个父组件Main来渲染圆组件，现在我想我需要使用圆组件的状态值，但我不太确定如何使用

当您想将数据从父级传递到子级时，您可以使用道具，从子级传递到父级时，您可以使用回调函数

主要成分

类Main扩展了React.Component{ 构造器道具{ 超级作物； 此.state={ 位置：{x:null，y:null} }; } updateCoords=x，y=>{ 这是我的国家{ 职位：{ x、 y } }; } 渲染{ 回来 ; }

---

}我试过了，但似乎不起作用。您可以在这里检查完整的代码：您需要在主组件中有updateCoords方法，它将接收道具，您可以更新您的状态。@DeepakKamat用示例代码更新了答案。我在函数UpdateCords中使用了ES6，如果你不想这样，就把它转换成ES5。太棒了！它正在工作。谢谢你的帮助，这让我明白发生了什么。

this.state = {
    position: {x: null, y: y}
};