如果您使用spread语句向组件发送props ，为什么typescript会中断？
示例代码
type SomeComponentProps = Readonly<{
someTitle: string
}>
const SomeComponent = ({ someTitle }: SomeComponentProps) => {
return <>someTitle</>
}
const MainComponent = () => {
const someTitle = 'Some title'
const TICK = 'TICK'
return <SomeComponent {...{ someTitle, TICK }} />
}
勾号没有红色下划线，过梁不会拾取错误
这是一种存在于TS的行为，也没有react .
举个例子:
const split = { a : 1 , b : 2};
const func = ({a } :{ a : number}) => {
console.log(a);
};
func(split)
TS不会抱怨上述情况.您可能会向对象传递额外的键，但只要传递强制键，它就可以工作.
现在举个例子:
const split3 = { a : 1 };
const split2 = { x : 1};
const func2 = ({x ,a} :{ x : number, a: number}) => {
console.log(x);
};
func2(split)
func2(split2)
由于未提供both x and a，且仅提供其中一项，TS将错误地删除上述两项声明.
props也是functional组件传递的数组之一，当向其任何对象传递额外的键时，它不会出错.在大多数情况下，不会判断对象的额外属性.
注意:在指定对象文字时，仍会判断多余的属性.Below将抛出错误:
interface test{
a: number;
}
let x : test = {
a: 1,
b: 2,
}