ReactJS 最佳实践，存储在隐藏字段、状态、本地存储中？

Posted 2023-03-08

【中文标题】ReactJS 最佳实践，存储在隐藏字段、状态、本地存储中？

【英文标题】：ReactJS best practice, store in hidden field, state, local storage?

【发布时间】：2021-10-11 23:33:45

【问题描述】：

ReactJS 新手问题。我正在使用 Material-UI 自动完成 Google Places API 使用户能够查找位置。除了位置，我还得到了从 Google Places API 返回的“place_id”。问题是，我不清楚为在 ReactJS 中提交最终表单而存储“place_id”的最佳实践。通常我只会将它存储到一个隐藏字段，但想知道在 ReactJS 中这样做的最佳实践是什么？您可以查看我的演示项目https://codesandbox.io/s/twilight-waterfall-3okx4?file=/src/index.js，但请注意，我目前禁用了 Google Places API 查找，因为我不想公开我的密钥。提前感谢您提供的任何提示和建议。

【问题讨论】：

这能回答你的问题吗？ localStorage vs sessionStorage vs cookies

@Amruth 这有点不同，值必须保持不变。

【参考方案1】：

我傻了。刚刚意识到，因为我将整个返回的 Google Places 对象保存在状态中，所以我可以根据需要随时引用地点 ID。