Frontender Libs - обзор библиотек JS / CSS

Управление состоянием действий

UseActionState - это хук в React, предназначенный для упрощения управления состоянием действий в React-компонентах, который был введен для улучшения существующего хука useFormState.

Использование:

const [state, action] = useActionState({
  initialState: {
    // Начальное состояние
  },
  actions: {
    // Определите действия
    increment: () => {
      // Логика действия
    },
    decrement: () => {
      // Логика действия
    },
  },
});

Пример:

const Counter = () => {
  const [count, actions] = useActionState({
    initialState: { count: 0 },
    actions: {
      increment: () => ({ count: count + 1 }),
      decrement: () => ({ count: count - 1 }),
    },
  });

  return (
    <div>
      <p>Счетчик: {count}</p>
      <button onClick={actions.increment}>Увеличить</button>
      <button onClick={actions.decrement}>Уменьшить</button>
    </div>
  );
};

👉 @sWebDev

👍5👎1🔥1

www.tg-me.com/us/Frontender Libs обзор библиотек JS CSS/com.sWebDev/2847

1.88K viewsApr 29, 2024 at 08:11

tg-me.com/sWebDev/2847

Create: 2024-04-29
Last Update: 2025-07-10 05:08:58

const [state, action] = useActionState({
  initialState: {
    // Начальное состояние
  },
  actions: {
    // Определите действия
    increment: () => {
      // Логика действия
    },
    decrement: () => {
      // Логика действия
    },
  },
});

Пример:

const Counter = () => {
  const [count, actions] = useActionState({
    initialState: { count: 0 },
    actions: {
      increment: () => ({ count: count + 1 }),
      decrement: () => ({ count: count - 1 }),
    },
  });

  return (
    <div>
      <p>Счетчик: {count}</p>
      <button onClick={actions.increment}>Увеличить</button>
      <button onClick={actions.decrement}>Уменьшить</button>
    </div>
  );
};

👉 @sWebDev

BY Frontender Libs - обзор библиотек JS / CSS

Share with your friend now:
tg-me.com/sWebDev/2847

Frontender Libs обзор библиотек JS CSS Telegram | DID YOU KNOW?

Управление состоянием действийUseActionState - это хук в React