设置组件的props默认值

最新推荐文章于 2024-07-01 00:00:00 发布

魂断@蓝桥

最新推荐文章于 2024-07-01 00:00:00 发布

阅读量804

点赞数 1

分类专栏： props react 文章标签： react

本文链接：https://blog.csdn.net/weixin_50157463/article/details/111941944

版权

react 同时被 2 个专栏收录

22 篇文章 0 订阅

订阅专栏

props

7 篇文章 0 订阅

订阅专栏

创建组件的时候可以通过 App.defaultProps={} 的方式给组件设置默认值，当使用组件的时候，该属性未传值时生效，有新的值传入时以传入的值为准

const App =props=>{
    console.log(props);
    return (
        <div>组件中的num：{props.num}</div>
    )
}

App.defaultProps ={
    num:10
}


ReactDOM.render(<App />, document.querySelector('#root'))

在这里插入图片描述

ReactDOM.render(<App num={15} />, document.querySelector('#root'))

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

魂断@蓝桥

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
设置组件的props默认值

创建组件的时候可以通过 App.defaultProps={} 的方式给组件设置默认值，当使用组件的时候，该属性未传值时生效，有新的值传入时以传入的值为准const App =props=>{ console.log(props); return ( <div>组件中的num：{props.num}</div> )}App.defaultProps ={ num:10}ReactDOM.render(<App
复制链接

扫一扫