如何在 reactjs 中将数据从一个页面链接和传输到另一个页面？(不使用渲染 bc 它对我不起作用)

Question

我需要将数据从API从一个页面传输到另一个页面，我已经尝试了各种不同的方法，这就是我目前所拥有的，但它不起作用，显然我也创建了一个按钮-reactjs中还有其他想法吗？

const navigate = useNavigate();

const onClick=((=>导航(/pageIGoTo/${variable.id}(；

Answer 1

一个工作良好且易于插入的选项是，在创建视图时在Props对象中包含一个ViewModel对象。请参阅我的此代码以获取示例。

通过在视图模型中使用共享对象，视图1可以更新数据，而视图2则可以立即访问相同的数据。请注意，React可能会频繁地重新创建视图，但这不会影响视图模型。

如果希望视图2立即刷新，则需要基于事件的机制。例如，视图1引发一个事件，视图2接收该事件并更新其状态。请参阅我的应用程序中使用这些事件的示例。