700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > reactjs jquery ajax 如何在ReactJS中使用JQuery

reactjs jquery ajax 如何在ReactJS中使用JQuery

时间:2019-11-04 15:11:26

相关推荐

reactjs jquery ajax 如何在ReactJS中使用JQuery

qq_遁去的一_1

您应该尝试避免在ReactJS中使用jQuery。但是,如果您真的想使用它,可以将其放在组件的componentDidMount()生命周期函数中。例如class App extends ponent { componentDidMount() { // Jquery here $(...)... } // ...}理想情况下,您想创建一个可重用的手风琴组件。为此,您可以使用Jquery,也可以仅使用普通的javascript + CSS。class Accordion extends ponent { 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 ponent { render() { return ( Head 1); }}此处的Codepen链接:https ://codepen.io/jzmmm/pen/JKLwEA?editors = 0110 (我将此链接更改为https ^)

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。