Can the default value of a Recoil atom be an object?

Question

Can I set the default value of a Recoil atom to be an object?

e.g.:

export const currentUserState = atom({
  key: 'currentUserState',
  default: { name: '', email: '', userId: null },
});

And then set it with:

import { currentUserState } from '../atoms/atoms';

const setUserState = useSetRecoilState(currentUserState);
setUserState(name: 'John', email: 'foo@bar.com', userId: getRand());

score 4 · Answer 1 · edited Jul 24 '21 at 20:46

4

Yes, It is allowed. Recoil atom state can be an object. You have initialized the atom correctly, but when you set the atom you have to pass an object since the state is object.

Initialize the currentUserState atom

export const currentUserState = atom({
  key: 'currentUserState',
  default: {name: '', email: '', userId: null}
});

and then set the atom state as follows

import {currentUserState} from '../recoilstate/atoms';

const setUserState = useSetRecoilState(currentUserState);

setUserState({
  name: 'John', 
  email: 'foo@bar.com', 
  userId: getRand()
});

edited Jul 24 '21 at 20:46

Yoav Kadosh

4,807
4
39
56

answered Apr 17 '21 at 08:21

king.reflex

313
4
10

How about merging previous userstate with spread operator and change part of the propery with a new value? How to change the state in a selector instead using setState? – Eko Andri Jul 30 '21 at 09:22

score 1 · Answer 2 · edited Dec 22 '20 at 16:23

1

Yes, a Recoil atom can be an object.

I have written this code, which you can see below in the working demo.

 const changeValue = () => {
    setUserState({ name: "John", email: "foo@bar.com", userId: Math.random() });
  };

Working Demo

edited Dec 22 '20 at 16:23

HaveSpacesuit

3,572
6
40
59

answered Oct 18 '20 at 12:35

A.R.SEIF

865
1
7
25

Can the default value of a Recoil atom be an object?

2 Answers2