props：组件的输入

function ProjectTitle({ name }: { name: string }) {
  return <h2>{name}</h2>
}

<ProjectTitle name="第一话" />

父组件通过属性 name 传值，子组件从 props 取出。props 应当看作只读；需要改变时通常由父组件传入回调。

尖括号里是 JSX，大括号 {name} 表示这里插入 JavaScript 的值。

子组件应该直接修改收到的 props 吗？

答案：不应该。props 是父组件提供的输入，改变通常通过回调通知拥有数据的组件。