i saw this in the someone else's code. (this is props of react component.) i know & is AND logical operater. i think & has another meaning in this code. when i use center = {{latitude: number,longitude: number},{zoom: 2, tilt: 2,}} it is not worked and i know not match vaild format with typescript error.
export interface Coord {
latitude: number;
longitude: number;
}
center?: Coord & { zoom?: number; tilt?: number; bearing?: number };
The & is Intersection Type
Basically, it lets you combine types
like the final object center should contain all those keys mentioned in
{ zoom?: number; tilt?: number; bearing?: number, latitude, longitude };
official doc : https://www.typescriptlang.org/docs/handbook/2/objects.html#intersection-types
The reason that this
center = {{latitude: number,longitude: number},{zoom: 2, tilt: 2,}}
didn't work is that , first its not a valid object , second all the keys mentioned ( { zoom?: number; tilt?: number; bearing?: number, latitude, longitude } ) should be present in the object