Javascript 如何使用jQuery插件用Reactjs修改DOM?

Javascript 如何使用jQuery插件用Reactjs修改DOM?,javascript,jquery,reactjs,Javascript,Jquery,Reactjs,在这篇帖子后面我有一个问题: 我应该如何使用jQuery插件来使用react修改DOM。像jimfb在GH上亲切地回答我,React应该返回一个预渲染的组件。因此,我的问题是,在我的示例中,如何在组件的生命周期内调用类似于remodal()的函数?我建议您在这里阅读我的答案: 但基本上,当您需要将一些现有插件或代码与React集成时,最简单的方法是通常在componentDidMount方法上调用该代码,并以旧方法监听事件。如果您使用jQuery,这意味着您应该使用 $(this.getDO

在这篇帖子后面我有一个问题:


我应该如何使用jQuery插件来使用react修改DOM。像
jimfb
在GH上亲切地回答我,React应该返回一个预渲染的组件。因此,我的问题是,在我的示例中,如何在组件的生命周期内调用类似于
remodal()
的函数?

我建议您在这里阅读我的答案:

但基本上,当您需要将一些现有插件或代码与React集成时,最简单的方法是通常在
componentDidMount
方法上调用该代码,并以旧方法监听事件。如果您使用jQuery,这意味着您应该使用

$(this.getDOMNode()).find('.some child').on('click',this.onChildClick)


通过这种方式,您将错过React中有关事件委派的一些最重要功能(请参见),但这应该不是问题,除非您想创建数百个事件侦听器。

从GH的讨论中,我了解到您应该将对话框放在渲染函数上,并手动显示或显示它,因此,创建自己的对话框实现或将对话框置于react应用程序之外。我更喜欢第一种选择,但它只是一种口味而已