我应该将 CRUD 操作放在 reactjs 应用程序的什么位置?
Where do I put CRUD operations in a reactjs app?
网络上到处都是人告诉我我的反应有误。我确信他们是对的,因为我才刚刚开始。一个普遍引用的老生常谈是 React 只是视图层。太棒了,但这让我想知道 我应该把我的其他东西放在哪里?
我有一组非常简单的组件,它们一起显示嵌套数据类型的列表,并允许对这些内容进行一些编辑、创建和删除。使用数据的组件通过 props 从获取数据的父级传递到层次结构中。如果是 "just the view layer"
,这些读取操作是否应该去其他地方
这方面的最佳实践是什么,惯用方式,反应方式?我的删除操作应该包含在我的删除按钮组件中吗?在读取操作旁边?其他地方?
在react中,数据只从父组件流向子组件。我假设您的状态存储在父组件中,因为您已经在单独的组件中创建、更新和删除。只能通过调用 setState()
函数来更改状态。因此子组件不能修改应用程序的状态。这只能通过回调函数来完成。
delete函数会写在父组件中,作为prop传递给delete组件。然后,删除组件将调用删除函数(回调),该函数将根据父组件的状态调用 setState(),从而改变状态。切勿在没有 setState() 的情况下更改应用程序的状态。
希望对您有所帮助
我建议你尝试一些通量架构。在这种情况下,它看起来类似于下面的描述:
- 您在单击删除按钮时调用操作,例如 actions.deleteUser(1)
- 行动呼吁适当API
- 存储连接到您的组件更改和组件状态更改
- 组件自动重新渲染
这取决于您喜欢的Flux。流程可能略有不同。我更喜欢回流一个
网络上到处都是人告诉我我的反应有误。我确信他们是对的,因为我才刚刚开始。一个普遍引用的老生常谈是 React 只是视图层。太棒了,但这让我想知道 我应该把我的其他东西放在哪里?
我有一组非常简单的组件,它们一起显示嵌套数据类型的列表,并允许对这些内容进行一些编辑、创建和删除。使用数据的组件通过 props 从获取数据的父级传递到层次结构中。如果是 "just the view layer"
,这些读取操作是否应该去其他地方这方面的最佳实践是什么,惯用方式,反应方式?我的删除操作应该包含在我的删除按钮组件中吗?在读取操作旁边?其他地方?
在react中,数据只从父组件流向子组件。我假设您的状态存储在父组件中,因为您已经在单独的组件中创建、更新和删除。只能通过调用 setState()
函数来更改状态。因此子组件不能修改应用程序的状态。这只能通过回调函数来完成。
delete函数会写在父组件中,作为prop传递给delete组件。然后,删除组件将调用删除函数(回调),该函数将根据父组件的状态调用 setState(),从而改变状态。切勿在没有 setState() 的情况下更改应用程序的状态。
希望对您有所帮助
我建议你尝试一些通量架构。在这种情况下,它看起来类似于下面的描述:
- 您在单击删除按钮时调用操作,例如 actions.deleteUser(1)
- 行动呼吁适当API
- 存储连接到您的组件更改和组件状态更改
- 组件自动重新渲染
这取决于您喜欢的Flux。流程可能略有不同。我更喜欢回流一个