如何在React JS中的父组件中重新呈现子组件？

Question

在这种情况下，我有一个激活组件，该组件调用api将代码发送到用户的手机上，我有一个计时器，我想在重新发送短信的按钮后单击以重新呈现计时器组件，但是我不能， 单击重新发送代码按钮后，我想重新渲染组件

499b84ac-1321-427f-aa17-267ca6975798

Answer 1

我认为您需要保持seconds的状态，

const [seconds, setSeconds] = useState(60)

然后从状态传递值，

<CountDown seconds={seconds} />

现在，每当您想要重新渲染计时器时，只需要将状态seconds重置为其初始值，子组件就会被重新渲染。

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