Typescript + React：使用道具和（！）解构

Question

我知道可以在 React 中对 props 使用解构。但是，我可以使用解构 AND 道具吗？所以我有一些确定的输入以及一些我通过 props

访问的附加输入

例子

这是预期的输出。所以我可以直接使用 name 和 age ，其他一切都可以通过 props e.G. *props.lastName;

const ExampleComponent : React.FC<{name: string, age:number}> = ({name, age}, props) => {
    // do something
}

这可能吗？如果是，如何？

Answer 1

你可以这样做：

const ExampleComponent: React.FC<{ name: string; age: number }> = ({
  name,
  age,
  ...props
}) => {
  // do something
};

这也适用于打字稿。您可以只输入检查姓名和年龄。

Typescript + React: Use props AND (!) destructuring