Javascript Typescript子项与父级有相同的道具，有没有更干净的方法来完成？

问答题组件道具类型：

type Props = {

    question_details: question_details,
    handle_back_click: (event: React.MouseEvent<HTMLButtonElement>) => void
    handle_next_click: (event: React.MouseEvent<HTMLButtonElement>) => void
    question_number:number

}

类型道具={
问题详情：问题详情，
句柄返回单击：（事件：React.MouseEvent）=>void
handle\u next\u单击：（事件：React.MouseEvent）=>void
问题编号：编号
}

它以如下方式呈现子组件

   <QuestionButtons

        answer_selected={answer_selected}
        handle_back_click={handle_back_click}
        handle_next_click={(e)=> handle_next(e)}
        question_number={question_number}

    />

handle_next（e）}
问题编号={问题编号}
/>

也有同样的道具

type Props = {

    answer_selected: string,
    handle_back_click: (event: React.MouseEvent<HTMLButtonElement>) => void
    handle_next_click: (event: React.MouseEvent<HTMLButtonElement>) => void
    question_number:number

}

类型道具={
答案(u选择):字符串,，
句柄返回单击：（事件：React.MouseEvent）=>void
handle\u next\u单击：（事件：React.MouseEvent）=>void
问题编号：编号
}

---

我的问题是，有没有更干净的方法来实现这一点，因此我不会重复这些道具，而不使用redux或将QuestionButtons组件移动到家长问答题组件中

您可以通过rest道具：

   <QuestionButtons
        answer_selected={answer_selected}
        {...props}
    />

---

哪些

道具

是相同的。

您可以使用Javascript

…

操作符来执行此操作