javascript - 如何在 Typescript 中定义条件字符串类型，如流？

Question

type UpsertMode = | 'add' | 'update' | 'delete';

interface IUpsertMembers {
  mode: UpsertMode;
}

const MagicButton = ({ mode: UpsertMode }) => {
  return (
    <button>{mode}</button>
  );
}

const UpsertMembers = ({ mode }: IUpsertMembers) => {
  return (
    <MagicButton mode={mode} />
  );
};

export default UpsertMembers;

我试图在 a 中使用它.tsx file，但类型仍然是any

它给出了一个错误说

Binding element 'UpsertMode' implicitly has an 'any' type.  TS7031

标签： javascriptreactjstypescript

Answer 1

尝试删除初始 |

type UpsertMode = add' | 'update' | 'delete';