如何在Reactjs中构建只支持功能的组件

全部：

我还没有反应过来。我试图构建的是一个能够检测鼠标状态的组件，比如

mousedown

，

mouseup

，

mousemove

，

mousedrag

，

mouse dblclick

这个组件实际上没有UI，所以我想知道在渲染函数中应该返回什么？假设我有一门课，比如：

class MouseActionMonitor {
    constructor(){
    }
    render(){
        return (
        )
    }
}

我想像这样使用它（不一定是这样，这只是我对它用法的猜测）：

ReactDOM.render（，document.getElementById（“content”）；

这里的

App

实际上是应用程序组件，

#content

是一个填充整个窗口的div

MouseActionMonitor

可以更新

状态树中的某些部分，以指示当前的鼠标动作（还不知道如何使用此组件来检测鼠标动作）

我之所以要这样做，是因为我想在“可拖放”组件之间拖放项（此组件中有一个文本标签，当拖动它时，它将为您提供该文本的副本，当您悬停其他此类组件时，它应允许您拖放此文本并替换其中的当前文本）

谢谢
，因为React已经提供了支持。为什么要构建另一个容器？在这种情况下，您的
MouseActionMonitor
将呈现
this.props.children
中的子组件
render（）{return{this.props.children}；}
@davintroon谢谢，你能举例说明如何使用这些来实现我想要的吗？@JamieDixon谢谢，你能举例说明如何实际检测这些事件吗？@Kuan On a div，
。查看@Davin发布的链接。不需要容器来监视鼠标移动，因为这些事件已经存在于React中。
ReactDOM.render( <MouseActionMonitor><App state={state} /></MouseActionMonitor>, document.getElementById("content"));