Reactjs redux中的表示组件或容器组件是什么

我是新手。我甚至在stackoverflow上搜索google也尝试了上述问题。但是找不到适合我的答案。我想知道

redux中的表示和容器组件是什么

及

react中的智能和转储组件是什么

用合适的例子，这将帮助我理解以上，谢谢

redux中的表示和容器组件是什么

表示组件是负责在视图上呈现某些内容的组件

容器组件是连接到redux存储的组件。通常，react redux中的

connect

用于连接到商店

redux中的智能和转储组件是什么

智能组件是一种具有某些逻辑的组件，用于呈现视图或处理数据，如获取数据、维护状态、处理用户交互

哑组件通常是一个ccomponent，它只接收道具并呈现视图，而不实际处理任何用户交互

比如说

class App extends React.Component {
   state =  { 
      count: 0
   }
   render() {
      return (
         <div>
             <User data={this.props.user} />
             <div>{this.state.count}</div>
             <button onClick={() => this.setState(prevState => ({count: prevState.count + 1}))}>Increment</button>
         </div>
      )
   }
}

const User = ({ data }) => (
   <div>
      <div>{data.id}</div>
      <div>{data.name}</div>
      <div>{data.surname}</div>
   </div>
)
const mapStateToProps = (state) => {
   return {
      user: state.user
   }
}
const ContainerApp =  connect(mapStateToProps)(App)

类应用程序扩展了React.Component{
状态={
计数：0
}
render（）{
返回(
{this.state.count}
this.setState（prevState=>（{count:prevState.count+1}））}>增量
)
}
}
常量用户=（{data}）=>(
{data.id}
{data.name}
{数据.姓氏}
)
常量mapStateToProps=（状态）=>{
返回{
用户：state.user
}
}
const ContainerApp=connect（mapStateToProps）（应用程序）

---

在上面的示例中，

App

本身就是一个演示组件和一个智能组件，因为它处理递增和显示计数的用户交互。但是，

ContainerApp

是一个组件，通过使用presentational App组件连接到redux store，因此是一个容器<另一方面，code>Usercomponent是一个哑巴组件和一个表现组件，因为它只需要一些道具，并根据它呈现视图

我在搜索谷歌时尝试了上述问题，甚至在stackoverflow上也不奇怪。没有“redux中的组件”这样的东西。Redux不处理组件。是的，哦，对不起。我忘了写react而不是redux。请编辑您的答案。由于我不明白什么是“包含组件”。很抱歉，我错别字了，我更新了我的回答，上面是容器或表示组件的示例？请检查示例下面的描述。它解释了每个组件的确切含义