StateManagment工具与本机使用State



我只是好奇,但与本机useState或上下文api相比,使用redux或mobx是否会对性能造成影响?不管有多小示例

// mobx code
@observable isLoading: boolean = false;
@action setLoading = () => {
loading = true;
}
// native react code
const [loading, setLoading] = useState<boolean>(false);
const setLoader = () => setLoading(true);

如果一个组件试图从上面的每个代码访问加载状态,那么性能会有什么不同吗?还是我只是绊倒了lol

每个状态管理工具都需要触发重新渲染。它将通过在组件中发布某种局部状态更改来实现这一点(至少对于功能组件(。因此,您有本地状态更改的成本,再加上外部跟踪哪个组件订阅了状态的哪个部分等的额外成本。

也就是说:这并不重要。这是以纳秒为代价的。你将永远无法在现实中衡量它。

相关内容

最新更新