功能对象中的可选参数

Question

我对React中函数组件中使用的可选属性有疑问。
有一个componentA，返回componentB，它返回componentC。本来， ComponentAProperties和ComponentBProperties中只有一个属性（property1）。 目标是添加另一个对ComponentAProperties可选的属性（property2） 和ComponentBProperty，以便ComponentC（如果提供）可以使用它。中的代码 评论是我提出的添加property2的建议。我想知道是否是 最好的方法？

interface ComponentAProperties {
    property1: string;
    //property2?: string;
}

export function ComponentA ({ property1 /*, property2 = ''*/ }: ComponentAProperties) {
    return 
        <ComponentB
            property1 = {property1}
            //property2 = {property2}
        />
}       


interface ComponentBProperties {
    property1: string;
    property2?: string;
}


export function ComponentB ({ property1 /*, property2 = ''*/ }: ComponentBProperties) {
    return
        <ComponentC
            property1 = {property1}
            // combineItems is a function that can accept any number of strings and
            // ignore empty string('') if provided.
            property2 = {combineItems(default, property2)}
        />
}