如何避免组件在更新状态时发生闪烁？

Question

我正在从组件数组中渲染组件。每个组件都是一种表单，在提交时会调用parent方法来更新状态。它将更新当前状态以呈现下一个组件。问题是，每次状态更新时，都会引起闪烁。我知道有很多例子。但是实现这一目标的最佳方法是什么？可以在无状态组件中实现吗？

const [currentPage, setCurrentPage] = React.useState(0);

const MyClass = () => {

pages = [<component1/>,<Component2/>];

return(<>

</>);
}