在React中实现由REST JSON API提供支持的用户链接

Question

我的Web应用程序具有一个由React驱动的简单UI。它只有一个页面，没有路由。与服务器的所有交互都是通过REST API：POST到API进行操作，从GET JSON来更新UI（React这样做）。没有服务器端模板。

推荐通过按钮和超链接执行用户操作的方法是什么？我想要例如单击<a>超链接执行POST，然后获取新的JSON，这将使React用新的props重新呈现。我当然可以用Javascript硬编码来做到这一点。但是，我正在寻找使用React的推荐方法。习语，组件，最佳做法，或者只是执行此操作的常用方法。

Answer 1

然后您也可以将此更新的状态向下传递给“ props”中的子组件。

UX的一个好的模式是具有某种加载状态，一旦开始发出请求就将其切换为true，然后在页面上显示数据后将其切换为false。

[最常见的反应获取模式是在componentDidMount或useEffect中，但您的用例是按钮单击，因此它们不适用于此处

Answer 2

如果需要更新的用户操作和UI在同一组件中，则可以使用状态来重新呈现该组件。

但是，如果需要更新的用户操作和UI是不同组件的一部分，则需要使用prop更新该组件。您将需要了解提升状态的概念。

但是，在这种情况下，也将举行决策音乐会，解除州在父母和子女的层次结构中所处的位置，以及在这种情况下您可能需要在上下文中使用日期的距离。