我想使用 react 和 typescript 根據(jù)樣式組件的道具應(yīng)用邊距。下面是我的代碼，function Parent() {    return (        <Child margin='variant'/>    );}interface Props {    margin?: any;}function Child({margin}: Props) {    return (        <Wrapper margin={margin}/>    );}const Wrapper = div<{margin: any;}>`   margin: 0 4px; //usually a margin of 0 4px should be used. if this child is called from parent    //component then it should use 0 4px 4px 8px;`;該子組件在兩個(gè)組件中使用，一個(gè)在父組件中，另一個(gè)在子組件中。當(dāng)從父組件調(diào)用此子組件時(shí)，它應(yīng)該使用 0 4px 4px 8px 的邊距，如果不是，則應(yīng)該使用 0 4px 的邊距。我該如何修改上面的代碼。有人可以幫我解決這個(gè)問題嗎？謝謝。