跳到主要内容

前端工程 · 框架

Props 属性

Props

也叫:属性、组件参数、入参

父组件传给子组件的数据,就像给函数传参数,子组件只读不改,用它决定自己显示什么。

详细解释

把组件想成一台咖啡机,Props 就是你按下的选项:大杯还是中杯、加不加糖。同一台机器,选项不同,做出来的咖啡就不同。比如 <Button type="primary" text="提交" /> 里的 type 和 text 就是 Props。

Props 的数据是单向流动的:从父组件流向子组件。子组件不应该直接修改收到的 Props,想改的话,由父组件传一个回调函数(比如 onChange)下来,子组件调用它通知父组件去改。

和状态的区别:Props 是外面给的,状态是组件自己记的。一个数据要经过很多层组件往下传时,叫「Props 层层透传」,可以考虑改用全局状态或 Context。

开发者信息
术语 ID
eng-props
DOM 选择器
没有 DOM 线索,这个概念不在页面上直接识别。
优先级
1 · 同一层有多条命中时,优先级高的胜出
版本
v1 · 更新于 2026/09/29