React无状态组件和有状态组件
作者:
爱楚楚真是太好了 | 来源:发表于
2019-06-06 13:45 被阅读0次
- 无状态组件主要用来定义模板，接收来自父组件props传递过来的数据，使用{props.xxx}的表达式把props塞到模板里面。无状态组件应该保持模板的纯粹性，以便于组件复用。创建无状态组件如下：
var Header = (props) = (
<div>{props.xxx}</div>
);
- 有状态组件主要用来定义交互逻辑和业务数据（如果用了Redux，可以把业务数据抽离出去统一管理），使用{this.state.xxx}的表达式把业务数据挂载到容器组件的实例上（有状态组件也可以叫做容器组件，无状态组件也可以叫做展示组件），然后传递props到展示组件，展示组件接收到props，把props塞到模板里面。创建有状态组件如下：
class Home extends React.Component {
constructor(props) {
super(props);
};
render() {
return (
<Header />
)
}
}
本文标题：React无状态组件和有状态组件
本文链接：https://www.haomeiwen.com/subject/bvoyxctx.html
网友评论