报名网站辽宁省建设银行,一般网站字体,紫金优化网站制作,企业网站优化分为哪两个方向[react] 描述下在react中无状态组件和有状态组件的区别是什么#xff1f;
1#xff0c;无状态组件主要用来定义模板#xff0c;接收来自父组件props传递过来的数据#xff0c;使用{props.xxx}的表达式把props塞到模板里面。无状态组件应该保持模板的纯粹性#xff0c;以便…[react] 描述下在react中无状态组件和有状态组件的区别是什么
1无状态组件主要用来定义模板接收来自父组件props传递过来的数据使用{props.xxx}的表达式把props塞到模板里面。无状态组件应该保持模板的纯粹性以便于组件复用。创建无状态组件如下
var Header (props) (
div{props.xxx}/div
);
export default Header2.有状态组件主要用来定义交互逻辑和业务数据如果用了Redux可以把业务数据抽离出去统一管理使用{this.state.xxx}的表达式把业务数据挂载到容器组件的实例上有状态组件也可以叫做容器组件无状态组件也可以叫做展示组件然后传递props到展示组件展示组件接收到props把props塞到模板里面。创建有状态组件如下
class Home extends React.Component {
constructor(props) {
super(props);
};
render() {
return (
Header/ //也可以写成Header/Header
)
}
}
export default Home
个人简介
我是歌谣欢迎和大家一起交流前后端知识。放弃很容易 但坚持一定很酷。欢迎大家一起讨论 主目录
与歌谣一起通关前端面试题
