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

React:props说明

  1. props是只读对象(readonly)
    根据单项数据流的要求,子组件只能读取props中的数据,不能进行修改
  2. props可以传递任意数据
    数字、字符串、布尔值、数组、对象、函数、JSX
import FileUpdate from './FileUpdate';
export default class App extends React.Component{constructor(props) {this.state = {message: 'this is message'}}const FileUpdateProps = {...this.props,message: this.state.message}render() {return (<FileUpdate {...FileUpdateProps} />)}
}

FileUpdate 画面接收props

export default class FileUpdate extends React.Component{constructor(props) {super(props);props?.onRef(this);}const { message } = this.props;render() {return (<div>{ message }</div>)}
}
http://www.lryc.cn/news/151898.html

相关文章:

  • Can‘t connect to local MySQL server through socket ‘/tmp/mysql.sock‘
  • C++的单例模式
  • Spring Boot 中 Nacos 配置中心使用实战
  • 学生管理系统VueAjax版本
  • 迭代器模式简介
  • 四方定理c++题解
  • ZDH-权限模块
  • 漏洞修复:在应用程序中发现不必要的 Http 响应头
  • 什么是mkp勒索病毒,中了mkp勒索病毒怎么办?勒索病毒解密数据恢复
  • db2迁移至oracle
  • webpack学习使用
  • 按钮控件之2---QComboBox 复选按钮/复选框控件
  • 【数据分享】2006-2021年我国省份级别的燃气相关指标(免费获取\20多项指标)
  • C语言深入理解指针(非常详细)(二)
  • Web3j 继承StaticStruct的类所有属性必须为Public <DynamicArray<StaticStruct>>
  • Kubernetes(k8s)上安装Prometheus和Grafana监控
  • 黑马 软件测试从0到1 常用分类 模型 流程 用例
  • 面试中的商业思维:如何展示你对业务的理解
  • Docker切换文件系统为VFS
  • Spring Security存在认证绕过漏洞 CVE-2021-22096
  • 前端list列表自定义图标并设置大小
  • Multisim14.0仿真(五)三角波发生器
  • 使用安全复制命令scp在Windows系统和Linux系统之间相互传输文件
  • SOC总线学习记录之ICB(Internal Chip Bus)
  • rabbitMQ手动应答与自动应答
  • java对象创建的过程
  • WireShark流量抓包详解
  • 【密码学代码分享】突破ECDSA算法封装--JS无三方包纯手写ECDSA
  • stable diffusion实践操作-文生图
  • Spring容器及实例化