جواد
2 سال پیش توسط جواد مطرح شد
1 پاسخ

دسترسی به استایل المنت ها در react

سلام دوستان خسته نباشید.
من می خوام در react یک Accordion بسازم.برای این که transition عمل کنه باید به height واحد قطعی بدم(auto , fit-content , ... نمیشه داد).
برای بدست اوردن واحد قطعی باید scrollheight المنت رو بدست بیارم.
راهی برای بدست اوردن استایل های المنت در react می دونید؟


ثبت پرسش جدید
سینا شاه‌اویسی
تخصص : برنامه نویس فرانت اند
@sinashahoveisi 2 سال پیش مطرح شد
0

سلام بله با استفاده از ref میشه دسترسی داشته باشه

import {useRef} from 'react';

const App = () => {
  const ref = useRef();

  const handleClick = () => {
    ref.current.style.backgroundColor = 'salmon';
    ref.current.style.color = 'white';
    ref.current.style.padding = '2rem';
    ref.current.style.width = '300px';
  };

  return (
    <div>
      <button onClick={handleClick}>Change styles</button>

      <br />
      <br />

      <div ref={ref}>Some content here</div>
    </div>
  );
};

export default App;

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام