Default value for React state storing integer values

Question

I have a selectedId React state that stores integer values. The state is updated with an id integer, when an item is selected from a list. Once selectedId is set, the user can click a delete button to delete the selected element, after which selectedId should be set back to its initial value again.

What is the recommended default value for selectedId? Should it set to null ( useState(null) and setSelectedId(null) ), or be undefined ( setSelectedId() )

const [selectedId, setSelectedId] = useState();

const handleSelect = id => {
  setIsAlertOpen(true);
  setSelectedId(id);
};

<Button onClick={() => {
  deleteItem(selectedId)
  setSelectedId();
}/>

add null as a initial value, that is recommended.

Pradip Dhakal
– Pradip Dhakal

2021-11-15 12:40:15 +00:00
Commented Nov 15, 2021 at 12:40 — Pradip Dhakal
– Pradip Dhakal, Commented Nov 15, 2021 at 12:40
I add zero if it does not be in the id list.

Samira
– Samira

2021-11-15 12:44:49 +00:00
Commented Nov 15, 2021 at 12:44 — Samira
– Samira, Commented Nov 15, 2021 at 12:44

Sreeram Venkitesh · Accepted Answer · 2021-11-15 14:23:17Z

2

Create a constant to store the initial value, and when you delete the selectedId restore it your initial value.

const initialValue = null;
const [selectedId, setSelectedId] = useState(initialValue);

const handleSelect = id => {
  setIsAlertOpen(true);
  setSelectedId(id);
};

<Button onClick={() => {
  deleteItem(selectedId)
  setSelectedId(initialValue);
}/>

edited Nov 15, 2021 at 14:23

Sreeram Venkitesh

3383 silver badges12 bronze badges

answered Nov 15, 2021 at 12:52

Nishanth

3543 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Default value for React state storing integer values

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related