字符串类型别名不可分配给带有 typescript 的 Recoil 中的字符串

Question

export type OrderOption =
  | '-createdAt'
  | 'participationFee';

export const orderState = atom<OrderOption>({
  key: 'order',
  default: '-createdAt',
});

interface OrderListProps {
  options: { name: string; content: string }[];
  recoilState: RecoilState<string>;
}

const OrderList = ({ options, recoilState }: OrderListProps) => {
return some components }

当我尝试渲染时

<OrderList options={ORDER_OPTIONS} recoilState={orderState} />

它会导致 ts(2322) 错误说RecoilState<OrderOption>不能分配给RecoilState<string> 。

如果反之亦然，我理解错误，但OrderOption总体上仍然是字符串，所以我不明白为什么它有问题。 我该如何解决这个问题？

Answer 1

RecoilState<'order' | '-createdAt'> RecoilState<'order' | '-createdAt'>与RecoilState<string> 。

---

将recoilState定义为RecoilState<'order' | '-createdAt'> RecoilState<'order' | '-createdAt'>

（与RecoilState<OrderOption>)