React 中props和state的区别

文章目录前言一、props用法二、给props设置一个默认值三、State 和 Props两者的区别总结前言state 和 props 主要的区别在于 props 是不可变的,而 state 可以根据与用户交互来改变。这就是为什么有些容器组件需要定义 state 来更新和修改数据。 而子组件只能通过 props 来传递数据。一、props用法class MyComponent extends React.Component { //此处的构造器是可以省略的 co
摘要由CSDN通过智能技术生成


前言

state 和 props 主要的区别在于 props 是不可变的,而 state 可以根据与用户交互来改变。这就是为什么有些容器组件需要定义 state 来更新和修改数据。 而子组件只能通过 props 来传递数据。


一、props用法

class MyComponent extends React.Component {
   
        //此处的构造器是可以省略的
        constructor(props){
   
            super(props);
        }
        render() {
   
            return <div>此处获得了siteName的值 {
   this.props.siteName}</div>;
        }
    }
var element = <MyComponent siteName="大毛"/>;
ReactDOM.render(
  element,
  document.
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值