Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 担心拥有大量支持redux的组件_Reactjs_Redux_React Redux - Fatal编程技术网

Reactjs 担心拥有大量支持redux的组件

Reactjs 担心拥有大量支持redux的组件,reactjs,redux,react-redux,Reactjs,Redux,React Redux,我目前正在为评论编写一个组件,该组件支持Redux,并且是无状态的。我担心的是,如果说每个评论都连接到一个用户帖子,并且说有100篇帖子,这会减慢我的应用程序的速度吗 比如说 class Comments extends Component { doThis() { const props = this.props; props.dispatch(someAction(props.data.id)); } render(){ <Button onPres

我目前正在为评论编写一个组件,该组件支持Redux,并且是无状态的。我担心的是,如果说每个评论都连接到一个用户帖子,并且说有100篇帖子,这会减慢我的应用程序的速度吗

比如说

class Comments extends Component {
  doThis() {
    const props = this.props;
    props.dispatch(someAction(props.data.id));
  }
  render(){
    <Button onPress={()=> this.doThis()}
  }
}

export default connect()(Comments);
然后在其他一些组件中:

arr.map((item) => {
  return <Comment data={item} /> 
})

这是使用Redux的正确方法吗?

一般来说,连接的组件越多,性能越好,因为每个组件只有在需要更改数据时才会重新渲染。向Redux存储区通知更多订户的成本通常低于组件浪费的重新渲染成本

有关详细信息,请参阅:

我的博客帖子 这个 这个 A. 还有我的部分。
你的解释相当含糊,你提供的例子令人困惑。然而,在你编写应用程序并在真实数据上进行压力测试之前,你不知道什么会减慢你的应用程序的速度,所以我建议现在不要陷入性能问题的泥潭。100篇帖子也不算多。另外,我建议你逐步构建你的应用程序。从使用setState的内部状态开始,如果你开始感觉到Redux想要解决的问题,那么将其添加到你的项目中。只有在真正需要的时候才给你的项目添加东西。当然,如果你的目的是学习Redux,那么一定要从它开始。