组件的 props是什么?
时间: 2023-12-23 21:03:45 浏览: 269
Vue watch 组件 Props 语法示例演示代码
在React中,组件的props(属性)是一个包含了传递给组件的数据的对象。它可以包含任何类型的数据,例如字符串、数字、布尔值、数组、对象等等。在组件内部,可以通过props来访问这些数据并进行相应的处理。props是不可变的,也就是说,一旦传递给组件,就不能再被修改。组件的props可以通过组件标签的属性来传递,例如:
```jsx
<MyComponent name="John" age={25} />
```
在这个例子中,MyComponent组件的name和age属性被设置为"John"和25。在组件内部,可以通过this.props来访问这些属性:
```jsx
class MyComponent extends React.Component {
render() {
return <div>Hello, {this.props.name}! You are {this.props.age} years old.</div>;
}
}
```
在这个例子中,MyComponent组件会渲染出一个包含了传递给它的name和age属性的问候语。
阅读全文