跳转到内容

前端与界面 · DEFINED TERM

Props

父组件传给子组件的只读输入。

你可能会这样说“卡片标题和图标从外面传进来”

VISUAL EXAMPLE

先看懂它怎么工作

容易误解不要在子组件里直接篡改传入数据
更准确配置可复用组件的内容与行为

MECHANISM

运行机制

  1. 父级准备数据
  2. 子级接收
  3. 根据输入渲染

USE WHEN

适合这样用

配置可复用组件的内容与行为

NOT FOR

不要这样理解

不要在子组件里直接篡改传入数据

TELL YOUR AGENT

可直接发给 Agent

请按“Props”的概念处理这个需求:卡片标题和图标从外面传进来。先说明实现边界,再给出可检查的结果。

ACCEPTANCE

怎么确认它真的做好了

输入类型明确,缺省值和异常值有处理

OFFICIAL SOURCES

官方来源