یک قدم کوچک، یک مهارت تازه.نمونه‌درس رایگان
اسکای‌لرنSKYLEARN / ACADEMY
۰
بازگشت به رابط‌های کاربردی با Reactنمونه درس · React

وضعیت، منبع حقیقت رابط

در React مقدارهایی که با تعامل کاربر تغییر می‌کنند، در state نگهداری می‌شوند. برای تغییر مقدار قبلی از شکل تابعی setter استفاده کن. این کار وابستگی به نسخهٔ قدیمی مقدار را کمتر می‌کند.

React
function Counter() {
  const [count, setCount] = useState(0);
  return (
    <button onClick={() => setCount(value => value + 1)}>
      {count}
    </button>
  );
}
حالا نوبت توست

یک تمرین کوچک

شمارنده را به یک کارت عادت تبدیل کن و امکان صفرکردن آن را اضافه کن.

این متن یک نمونهٔ کوتاه است و جایگزین دورهٔ کامل نیست.