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应用程序之外。我更喜欢第一种选择,但它只是一种口味而已