reactjs - การเพิ่มชนิดให้กับคุณสมบัติของส่วนประกอบ react ที่ถูกทำลายออกซึ่งกำลังถูกตั้งค่าเป็นส่วนประกอบเส้นทาง?
ฉันมีโค้ด JSX ดังต่อไปนี้ -
export default function AppliedRoute({ component: C, appProps, ...rest }) {
<Route {...rest} render={props => <C {...props} {...appProps} />} />
return <Route {...rest} render={props => <C {...props} {...appProps} />} />;
}
ฉันต้องการแปลงสิ่งนี้เป็น TypeScript และต้องการกำหนดชนิดให้กับ component ที่ถูกส่งเข้ามาและถูกตั้งค่าเป็น component ของ route (เช่น ผ่าน component: C) แต่ไม่สามารถหาซินแท็กซ์สำหรับสิ่งนี้ได้ ถ้าเป็นแค่ property ของ object component ที่ถูก destructure ฉันสามารถใช้ {component}: {component:any}, appProps.. ฯลฯ แต่ฉันไม่รู้ซินแท็กซ์ที่ถูกต้องเมื่อ property ถูกตั้งค่าให้กับ property อื่นเพื่อนำไปใช้ใน route component call ฉันคาดว่าควรต้องกำหนดชนิดให้กับ property C ด้วยเช่นกัน?
ขอบคุณ