Loading

记一个react 使用jQuery 的规则

问题:为什么在react中使用jQuery?

原因:迁移一个老网站构架的网页到react,部分效果需要使用jq 为了快速迁移,使用了react+jquery的方式,当然如果时间足够【不推荐这种方式】

规则1:在任意调用 $ 前都加上 window.$ &&

// 这是为了 为了确保不是在未加载到jq前就使用了 $ 符号引发报错
window.$ &&

规则2:如果涉及到获取dom对象。最好使用React组件式写法

class CustomComponent extends React.Component {
  constructor(props) {
    super(props);
  }

  componentDidMount() {
    window.$ && $(function(){
      //...
    })
  }

  render() {}

原因:react 函数式写法没有实例 见:raeact ref

posted @ 2022-02-28 11:50  ZJH_BLOGS  阅读(146)  评论(0编辑  收藏  举报