راکت
حل شده

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

1 پاسخ

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

جواد
جواد
@sherlockkh221
ثبت پرسش جدید

پاسخ‌ها

1
سینا شاه‌اویسی
سینا شاه‌اویسی
@sinashahoveisi

تخصص: برنامه نویس

بهترین پاسخ

سلام بله با استفاده از 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;

شاید پاسخ شما همین‌جا باشد

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

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