反应 -> 状态管理

Question

我是 React 的初学者。我想构建一个类似于页面 (howmuchtomakeanapp.com) 的应用程序。这意味着对于用户在路线上所做的每一个选择，价格都会添加到总价中，但是当使用后退按钮返回时，价格将 return 到前一个。我知道这是状态管理，但即使阅读了整个 React 文档，我实际上也不知道该怎么做。

Answer 1

React 状态存储在本地组件中。当需要与其他组件共享时，通过 props 传递。实际上，这意味着需要访问可更改值的组件将保持该值处于其状态，如果它可以被子组件更改，则必须传递回调来处理更改。

要了解有关组件和道具的更多信息，这是 React 文档本身的 link：https://reactjs.org/docs/components-and-props.html。

我建议您看一下 Redux (https://redux.js.org/)，它是 JavaScript 应用程序的可预测状态容器。

Answer 2

根据你的描述，我假设你将价格保持为一个数字，并随着你走的步数的增加而增加？

我认为你不需要做任何特别的事情：

我的方法是保留一个包含所有价格的数组，这样您就可以在单击上一个按钮时始终删除最后一个。每次 select 添加一个价格并导航到下一条路线。要显示总数，您只需将数组加在一起：

const prices = [3.5,5,10,5.76,23];
const total = prices.reduce((p, c) => p + c, 0);

有帮助吗？

反应 -> 状态管理

React -> State Management

reactjs

react-router