在React Component中使用jQuery插件

时间:2017-05-24 14:14:50

标签: jquery reactjs

有没有办法在react组件中使用jQuery插件? 如果是的话,你能给我一个很好的例子吗?

1 个答案:

答案 0 :(得分:0)

在React中使用jQuery的“最干净”方法是将jQuery用于所有不操作DOM的东西(根本不是......)

例如,import 'rxjs/add/operator/catch'; import 'rxjs/add/operator/do'; import 'rxjs/add/operator/map'; import 'rxjs/add/observable/of'; get(id: number): Observable<User> { const url = `${this.baseUrl}/${id}`; return this.http .get(url) .do((response: Response) => { if (!response) { return Observable.of(null); } }) .map((response: Response) => { return <User>response.json(); }) .catch(error => { return Observable.of(null); }); } 可用于获取小组件中的数据(在jQuery.ajax内。

任何改变DOM的东西都是一个很大的nono,因为React以非常特殊的方式处理DOM(使用JSdom)。

由于插件可以做任何事情,很难说哪些插件可以使用,但是任何不操作DOM的插件都应该没问题,尽管我仍然会谨慎使用它。