首页 > 其他分享 >props的用处

props的用处

时间:2024-03-14 21:56:45浏览次数:17  
标签:const name render age props 用处 ReactDom

class Mycomponent extends React.Componet {
    render() {
        const {name, age } = this.props
        return (
            <ul>
                <li>姓名:{name}</li>
                <li>年龄:{ age } </li>
            </ul>
        ) 
    }
}

ReactDom.render(<Mycomponent name="张三" age="18" />, document.getElementById('test'))
// 或者
const p = { name; '张三', age: 18}
ReactDom.render(<Mycomponent { p } />,document.getElementById('test'))


// 重新复制一个对象
let p = {name: '55', age: "12"}
let p2 = {...p}

 

标签:const,name,render,age,props,用处,ReactDom
From: https://www.cnblogs.com/alannero/p/18074090

相关文章

  • volatile关键字用处和场景?
    什么是volatile关键字在C语言和Java中,它是一种特殊的类型修饰符,用来告诉编译器该变量可能会被意外地改变。这样,每次存取该变量时,编译器都不会对其进行缓存优化,而是直接从内存中读取或写入,提供了对特殊地址的稳定访问。在Java中,volatile提供了一种比synchronized更轻量级的同步......
  • 函数柯里化的理解,柯里化有什么用处?
    在JavaScript中,函数柯里化(Currying)是一种将多个参数的函数转化为一系列接受单个参数的函数的技术。通过柯里化,我们可以将一个函数转换为一个接受一个参数并返回一个新函数的过程。柯里化的主要用途如下:部分应用(PartialApplication):柯里化允许我们部分应用函数,即通过固......
  • 为什么defineProps宏函数不需要从vue中import导入?
    前言我们每天写vue代码时都在用defineProps,但是你有没有思考过下面这些问题。为什么defineProps不需要import导入?为什么不能在非setup顶层使用defineProps?defineProps是如何将声明的props自动暴露给模板?举几个例子我们来看几个例子,分别对应上面的几个问题。先来看一个正常的......
  • 太阳能光伏储能系统是什么意思?有什么用处?
    太阳能光伏储能系统,简称光伏储能系统,是一个将太阳能转化为电能,并储存起来以备后续使用的系统。这个系统主要包括光伏发电部分(即太阳能板)和储能部分(如电池或储能装置)。光伏发电部分通过太阳能板捕获太阳光,将光能转化为直流电。这些直流电随后可以通过逆变器转换为交流电,供我们......
  • (22)Lazarus退出时保存相关对象值为Ini和XML格式(IniPropStorage1和XMLPropStorage1)
    参考自带例子C:\lazarus\examples\propstorage1]放一个IniPropStorage1到界面上,将它的IniFileName设置为config.ini 2]类似地,拖一个XMLPropStorage1到界面上,将它的FileName设置为config.xml 3]添加要保存的属性 ......
  • React 高阶组件、Render props、hooks 有什么区别?
    这三者是目前react解决代码复用的主要方式:高阶组件(hoc)官方解释:高阶组件(HOC)是React中用于复用组件逻辑的一种高级技巧。HOC自身不是ReactAPI的一部分,它是一种基于React的组合特性而形成的设计模式。简言之,HOC是一种组件的设计模式,HOC接受一个组件和额外的......
  • Vue Router系列之(七)路由的props配置项
    路由的props配置项​ 路由组件读取其他组件传递的参数时,是通过$route.params.id这种方式读取的,$route.params部分代码冗余度高,如何能够降低这种冗余?props配置项可以做到​ 作用:让路由组件更方便的收到参数{ name:'xiangqing', path:'detail/:id', component:Detail,/......
  • 全面掌握Directory.Build.props
    为什么需要集中管理版本号?1)同一个产品包含多个模块,对同一个包指定了不同的版本比如A模块用了"Serilog.Sinks.Async"的“1.1.2”版本,B模块用了“Serilog.Sinks.Async”的“1.5.0”版本,最终集成在C项目里,就会有版本不一致的问题。大多数情况下,这个无所谓。2)团队在使用自动集成,......
  • 用宝塔设立分发Directory.Build.props及其Import文件的网站
    新建站点服务器名称我们约定是dev.amihome.cn创建的默认站点有下面4个文件把本地的文件,用宝塔上传上图我们是把本地的Directory.Build.props文件上传到了网站的根目录然后我们要上传本地的version-numbers文件夹到网站根目录下:最终我们windows下的相关文件上传到了网站......
  • 适配http分发Directory.Build.props文件,需要替换默认的微软sdk:8.0映像
    背景我们是把Directory.Build.props及其Import的文件,都放在http://dev.amihome.cn那么dockerbuild的时候,也是需要下载Directory.Build.props及其Import的文件的。为了统一这个操作,减少到处写下载脚本的工作,我们把这个下载的脚本,放在映像里。所以我们以mcr.microsoft.com/dotn......