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

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

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


ثبت پرسش جدید
سینا شاه‌اویسی
سینا شاه‌اویسی
تخصص :برنامه نویس
@sinashahoveisi3 سال پیشمطرح شد
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;

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

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