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

Question

我知道在 React 中可以對 props 使用解構。 但是，我可以使用解構AND道具嗎？ 這樣我就有了一些確定的輸入，還有一些我通過道具訪問的附加輸入

例子

---

這是預期的 output。 所以我可以直接使用姓名和年齡，其他一切都可以通過道具eG *props.lastName;

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

這可能嗎？ 如果是，如何？

Answer 1

你可以這樣做：

 const ExampleComponent = ({name, age, ...props}) => {
    // do something
 }

這也適用於 typescript。 您只需輸入支票姓名和年齡。

Answer 2

只有這樣：

const ExampleComponent = (props) => {
    {name, age} = props;
}