How do I use React hooks with the spread operator?

How do I use React hooks with the spread operator?

You can use the spread operator to manage state in React hooks. For example, when updating an array or object in state.

Can you show me a code example?

Sure! Here's a simple example:

const [items, setItems] = useState([]);

const addItem = (newItem) => {
  setItems(prevItems => [...prevItems, newItem]);
};

This adds a new item to the existing array of items.

What if I want to update an object in state?

You can do that too! Here's how:

const [user, setUser] = useState({ name: '', age: 0 });

const updateUser = (newData) => {
  setUser(prevUser => ({ ...prevUser, ...newData }));
};

This merges the new data with the existing user object.