javascript - 使用带有空 dom 树 (<></>) 的子组件/同级组件来获取数据？是还是不是？

到目前为止，我见过的唯一示例是获取数据并将其传递给子级的父级数据包装器。我正在使用 Redux 并计划通过“连接”分发数据。仅仅为了纯粹的获取而创建一个 React 无状态组件是一个糟糕的代码吗？

示例:

const jsx = (
  <Provider store={store}>
    <App/> 
    <FetchingData >
  </Provider>

);

export const FetchingData = props => {
useEffect(()=>Listening to database and saving to Redux store...);

return <>
};
const mapStateToProps = (state, props) => ({
  ...
});
const mapDispatchToProps = dispatch => ({
  ...
});

export default connect(
  mapStateToProps,
  mapDispatchToProps
)(FetchingData);

优点:易于插入，无需实现备忘录||由于没有子项，所以 shouldComponentUpdate。

缺点:？

最佳答案

不。原因一:阅读任何一个代码片段的人会合理地理解和识别通常的工作流程吗？即使1个月后某人是你？原因二:如果您编写的内容违反了原因一，则有 99% 的可能性(这里就是这种情况)您正在使用将来可能会更改的特殊工作流程津贴，因为该框架不是设计的，也不会被设计。开发时考虑到了这个工作流程。

所以，回顾一下，不，因为代码不可读、不可维护。

关于javascript - 使用带有空 dom 树 (<></>) 的子组件/同级组件来获取数据？是还是不是？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/56277441/