React 中props和state的区别_react this.params 和this.states什么区别

作者：lpred | 2024-02-06 15:52:05

踩

react this.params 和this.states什么区别

文章目录

前言
一、props用法
二、给props设置一个默认值
三、State 和 Props
- 两者的区别
总结

前言

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=1
2
3
4
5
6
7
8
9
10
11
12
13

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/lpred/article/detail/63370