reactjs jquery ajax,如何在ReactJS中使用JQuery

56 阅读 0 评论 37 点赞

我是靠谱客的博主明理书包，最近开发中收集的这篇文章主要介绍reactjs jquery ajax,如何在ReactJS中使用JQuery，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

qq_遁去的一_1

您应该尝试避免在ReactJS中使用jQuery。但是，如果您真的想使用它，可以将其放在组件的componentDidMount()生命周期函数中。例如class App extends React.Component { componentDidMount() { // Jquery here $(...)... } // ...}理想情况下，您想创建一个可重用的手风琴组件。为此，您可以使用Jquery，也可以仅使用普通的javascript + CSS。class Accordion extends React.Component { constructor() { super(); this._handleClick = this._handleClick.bind(this); } componentDidMount() { this._handleClick(); } _handleClick() { const acc = this._acc.children; for (let i = 0; i < acc.length; i++) { let a = acc[i]; a.onclick = () => a.classList.toggle("active"); } } render() { return (

this._acc = a} onClick={this._handleClick}> {this.props.children}

) }}然后，您可以在任何组件中使用它，如下所示：class App extends React.Component { render() { return (

Head 1

); }}此处的Codepen链接：https ://codepen.io/jzmmm/pen/JKLwEA?editors = 0110 (我将此链接更改为https ^)