Reactjs 如何在react js中重新呈现父组件中的子组件？

我有一个激活组件，它调用api向用户的手机发送代码。在这种情况下，我有一个计时器，我想在点击“重新发送短信”按钮后重新呈现计时器组件，但我不能， 我希望在单击“重新发送代码”按钮后重新渲染组件

<div>
    <label className={myClasses.DRT_Label}>
        Please wait 
        <span style={{margin : '0 5px' , fontSize : '15px'}}>
            <CountDown seconds={60} />
        </span>
        seconds .
    </label>
</div>
<div className={classes.button}>
    <ButtonTemp
        type="span"
        mode="success"
        styles={{ width: '120px' }}
        invertcolor
        class="marginLeft"
        disabled={disable}
        onclick={(e) => resendSmsHandler(e)}
    >
        Resend code
    </ButtonTemp>
    <ButtonTemp
        type="span"
        mode="success"
        styles={{ width: '120px' }}
        disabled={!canClick}
        onclick={(e) => loginClickHandler(e)}
    >
            Login
    </ButtonTemp>
</div>

---

我想你需要保持你的状态

const [seconds, setSeconds] = useState(60)

并从状态传递值

<CountDown seconds={seconds} />

---

谢谢你的帮助；我试过了，但没有成功我不知道原因没有任何问题，我使用了react的上一个版本，使用useState而不是statecountdown是我的自定义组件，显示数字倒计时后的倒计时组件

const resendSmsHandler = () => {
   setSeconds(60)
}