反冲原子的默认值可以是对象的对象吗？

Question

我可以创建一个具有默认值的反冲原子作为对象的对象吗？请参阅以下代码以供参考。

export const formState = atom({
  key: "formState",
  default: {
    name: {
       firstName: "",
       lastName: ""
    }
  }
});

Answer 1

是的，你可以。这是一个例子：

TS Playground

import {default as React} from 'react';
import {atom, useRecoilState} from 'recoil';

const formState = atom({
  key: "formState",
  default: {
    name: {
      firstName: "",
      lastName: "",
    },
  },
});

function App (): React.ReactElement {
  const [state, setState] = useRecoilState(formState);

  const updateFirstName = (firstName: string): void => setState(formState => ({
    ...formState,
    name: {
      ...formState.name,
      firstName,
    },
  }));

  const {firstName} = state.name; // string
  return (<div>First name: {firstName}</div>);
}

反冲原子的默认值可以是对象的对象吗？

Can the default value of a recoil atom be an object of objects?

typescript

reactjs

recoiljs