如何 select 应用程序中的项目并更新反应中的状态
How to select items in app and updating the state in react
我想用 React js 构建一个像 附图片 中那样的简单应用程序，我只是找不到正确的想法：
如何在应用程序中“select”照片（或项目）并在至少一个 “购物车”-like 组件出现在底部 photo/item 是 selected（并且关闭和删除 select 都已经 selected photo/items）并展开 cart-like 组件在点击时底部显示已经 selected.
最好的方法是什么？
P.S 我是新来的，脑子里有个大想法 xD
app's view
这个问题肯定需要更多信息，但我会尽力为您指明正确的方向。创建您所描述的 UI/functionality 的方法有数百种，但这里是一个非常通用的概述；
“项目”(Img1-6) 看起来像 ShopItem 组件的网格，可能在 CSS 网格/弹性盒中。每个 ShopItem 可能会在单击时使用 onClick 方法来“做某事”——这可能涉及在某处更新状态（使用 useState 反应挂钩），告诉您是否检查了 ShopItem。当检查项目时，它还可能使用回调方法在父级中执行某些操作。
我想每个 ShopItem 都可能拥有自己的“已检查”状态，或者可能会在打开和关闭时更新全局状态（例如 Zustand 或 Redux）或上下文（React）。 ShopItem 的选中状态也会通知组件的 UI。
“cart-like”组件可以从项目组件查看全局 state/context/callback，并且可以根据它的值和有多少选中的项目进行更改。 (例/checkedItems !== 0 ? show : don't show)
这只是构建此 UI 的一种方法，如果您想要更具体的解决方案，请编辑您的问题以包含代码片段和您已经尝试过的方法。
我想用 React js 构建一个像 附图片 中那样的简单应用程序，我只是找不到正确的想法：
如何在应用程序中“select”照片（或项目）并在至少一个 “购物车”-like 组件出现在底部 photo/item 是 selected（并且关闭和删除 select 都已经 selected photo/items）并展开 cart-like 组件在点击时底部显示已经 selected.
最好的方法是什么？ P.S 我是新来的，脑子里有个大想法 xD
app's view
这个问题肯定需要更多信息，但我会尽力为您指明正确的方向。创建您所描述的 UI/functionality 的方法有数百种，但这里是一个非常通用的概述；
“项目”(Img1-6) 看起来像 ShopItem 组件的网格，可能在 CSS 网格/弹性盒中。每个 ShopItem 可能会在单击时使用 onClick 方法来“做某事”——这可能涉及在某处更新状态（使用 useState 反应挂钩），告诉您是否检查了 ShopItem。当检查项目时，它还可能使用回调方法在父级中执行某些操作。
我想每个 ShopItem 都可能拥有自己的“已检查”状态，或者可能会在打开和关闭时更新全局状态（例如 Zustand 或 Redux）或上下文（React）。 ShopItem 的选中状态也会通知组件的 UI。
“cart-like”组件可以从项目组件查看全局 state/context/callback，并且可以根据它的值和有多少选中的项目进行更改。 (例/checkedItems !== 0 ? show : don't show)
这只是构建此 UI 的一种方法，如果您想要更具体的解决方案，请编辑您的问题以包含代码片段和您已经尝试过的方法。