当前位置: 首页 > news >正文

机械设计师网课专业网站优化培训

机械设计师网课,专业网站优化培训,做色流网站要注意什么问题,政府网站建设运营合同父组件通过props传递给子组件消息,子组件有两种情况接收处理: 1、子组件监听父组件props的变化,同时随之变化【可以直接取props中的值展示,也可以监听值得变化处理】 2、子组件初始化时更新,随后不再随父组件变化 示…

父组件通过props传递给子组件消息,子组件有两种情况接收处理:

1、子组件监听父组件props的变化,同时随之变化【可以直接取props中的值展示,也可以监听值得变化处理

2、子组件初始化时更新,随后不再随父组件变化

示例:父组件代码:

import React, { useEffect, useState } from "react";
import ChildModal from "./components/childModal";
import "./index.less";function App() {const [sum, setSum] = useState(0);const addSum = () => {setSum(sum + 1);}return (<><div>当前数量为:{sum}</div><div className="container" onClick={addSum}>点击加1</div><ChildModal sum={sum} /></>);
}// 导出App组件
export default App;

第一种情况示例【子组件监听父组件props的变化,同时随之变化】子组件代码:

可以直接取props中的值展示,也可以监听值得变化处理

a、【直接取props中的值】展示代码如下:

import React from "react";const ChildModal = (props) => {console.log('props', props);return (<div>子组件的数量:{props.sum}</div>)
}
export default ChildModal;

b、【监听props值得变化】展示代码如下:

import React, { useEffect, useState } from "react";const ChildModal = (props) => {console.log('props', props);const [sum, setSum] = useState(-1);useEffect(() => {setSum(props.sum);}, [props.sum])return (<div>子组件的数量:{sum}</div>)
}
export default ChildModal;

效果图:

 

第二种情况示例【子组件初始化时更新,随后不再随父组件变化】子组件代码:

import React, { useEffect, useState } from "react";const ChildModal = (props) => {console.log('props', props);const [sum, setSum] = useState(-1);useEffect(() => {setSum(props.sum);}, [])return (<div>{sum}</div>)
}
export default ChildModal;

效果图:

http://www.zhongyajixie.com/news/17007.html

相关文章:

  • 上海做网站的公司联系方式网站维护主要做什么
  • 做网站推广公司网站推广平台
  • 网站建设 八羊开发软件app需要多少钱
  • 用ps做网站的网页框架下载百度
  • 做神马网站优化快速百度下载安装到桌面上
  • 手机网站域名查询线上销售水果营销方案
  • wordpress文件上传失败湖北网站seo
  • 简单大气的网站短视频如何引流与推广
  • 网站免费建站福州seo兼职
  • 自己做的网站不备案不能访问吗东莞seo推广
  • 合肥网站建设技术支持百度seo排名优化公司哪家强
  • 网站建设基本费用百度输入法免费下载
  • 在线支付 网站模板昆明seo网站管理
  • 长春最专业的网站建设seo搜索优化工具
  • 北京哪家做网站和网络推广好的流氓网站
  • 网站运营需要 做哪些工作河北seo推广
  • 梨树县住房和城乡建设局网站四川seo哪里有
  • 吉林北京网站建设成都门户网站建设
  • 专门做效果图的网站谷歌seo软件
  • wordpress关闭页面评论win7系统优化软件
  • dedecms 古典棕色大气风格中药医药企业网站模板源码品牌线上推广方案
  • 商汇通网站什么叫seo
  • 甘肃省委党的建设杂志社网站福建seo推广方案
  • 网站建设 长春上海广告公司
  • 做网站cdn加速有什么用百度推广托管
  • 如何做文化传播公司网站如何做好网站的推广工作
  • 哪些网站开发网站优化名词解释
  • 重庆市建设教育培训网seo推广多少钱
  • 中英文企业网站模板互联网推广引流是做什么的
  • 做网站收费 优帮云广州seo排名优化服务