React ->状态管理

Question

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

Answer 1

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

要了解有关组件和属性的更多信息，请访问React文档本身的链接：https://reactjs.org/docs/components-and-props.html。

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

Answer 2

根据你的描述，我假设你保持你的价格为一个数字，并在其上增加更多的步骤，你进一步？

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

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

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

这有帮助吗？