گرفتن همزمان چندین متغیر

در Rosma، شما به راحتی می توانید چندین متغیر را به طور همزمان از هوک useObserver دریافت کنید. این می تواند کد شما را مختصرتر و خواناتر کند.

به مثال زیر توجه کنید:

import { useObserver } from 'rosma'; export default function Counts() { const { count, setCount, count1, setCount1 } = useObserver(0); return ( <> <button onClick={() => setCount(count + 1)}>{count}</button> <button onClick={() => setCount1(count1 + 1)}>{count1}</button> </> ); }
import { useObserver } from 'rosma'; type State = { count: number; count1: number; }; export default function Counts() { const { count, setCount, count1, setCount1 } = useObserver<State>(0); return ( <> <button onClick={() => setCount(count + 1)}>{count}</button> <button onClick={() => setCount1(count1 + 1)}>{count1}</button> </> ); }

پیش نمایش


در کد بالا، ما به طور همزمان متغیرهای count1، setCount، count و setCount1 را از هوک useObserver دریافت کردیم. این به ما این امکان را می دهد که مستقیماً این متغیرها را در کامپوننت خود، بدون نیاز به دسترسی به observer استفاده کنیم.

کلید واژه ها: رُزما, observer, useObserver, دریافت مقادیر, مدیریت استیت, توسعه فرانت اند, بهینه سازی کد, خوانایی کد, هوک ری اکت, مقادیر چند گانه, مقدار دهی متغیر

قبلی: استفاده

بعدی: مقادیر اولیه متفاوت