javascript jQuery函数如何转换为react js函数

2skhul33 于 2023-01-08 发布在 Java

关注(0)|答案(1)|浏览(160)

我不知道如何将jQuery函数转换为react js请帮助我与此代码，我试图改变为react js
这是jQuery函数

<script>
   $(document).ready(function(){
       var otherDivs = 
           $(".header").outerHeight() + 
           $(".products_head").outerHeight() + 
           $(".products_active-filters").outerHeight() + 
           $(".pagination").outerHeight() + 
           ($('.my_list-body').innerHeight() - $('.my_list-body').height());
       $('.dynamic_height').height($(window).height() - otherDivs - 10);
    });
</script>

JavaScript

来源：https://stackoverflow.com/questions/75029762/how-can-jquery-function-convert-into-react-js-function

1条答案

按热度按时间

ymzxtsji1#

这对您的情况很有帮助，它很少使用react，但大部分也可以使用普通的vanilla js来完成。

import React, { useState, useEffect } from "react";

function MyComponent() {
  const [height, setHeight] = useState(0);

  useEffect(() => {
    const otherDivs =
      document.querySelector(".header").offsetHeight +
      document.querySelector(".products_head").offsetHeight +
      document.querySelector(".products_active-filters").offsetHeight +
      document.querySelector(".pagination").offsetHeight +
      (document.querySelector(".my_list-body").offsetHeight -
        document.querySelector(".my_list-body").clientHeight);
    setHeight(window.innerHeight - otherDivs - 10);
  }, []);

  return <div className="dynamic_height" style={{ height }}></div>;
}

赞(0）回复(0）举报 2023-01-08

我来回答

javascript jQuery函数如何转换为react js函数

1条答案

相关问题

热门标签

最新问答