Skip to content

Commit

Permalink
[Beta]: docs(cn): fix learn/passing-props-to-a-component.md
Browse files Browse the repository at this point in the history
  • Loading branch information
SylviaZ89 committed Nov 5, 2021
1 parent 3efccc5 commit 158cff0
Showing 1 changed file with 2 additions and 2 deletions.
4 changes: 2 additions & 2 deletions beta/src/pages/learn/passing-props-to-a-component.md
Original file line number Diff line number Diff line change
Expand Up @@ -168,7 +168,7 @@ body { min-height: 120px; }

Props 使你独立思考父组件和子组件。 例如,你可以改变 `Profile` 中的 `person``size` props,而无需考虑 `Avatar` 如何使用它们。 同样,你可以改变 `Avatar` 使用这些 props 的方式,不必考虑 `Profile`

你可以将 props 想象成可以调整的 “旋钮”。它们的作用与函数的参数相同 —— 事实上,props _正是_ 组件的唯一参数! React 组件函数接受一个参数,一个 `props` 对象:
你可以将 props 想象成可以调整的 “旋钮”。它们的作用与函数的参数相同 ———— 事实上,props _正是_ 组件的唯一参数! React 组件函数接受一个参数,一个 `props` 对象:


```js
Expand Down Expand Up @@ -408,7 +408,7 @@ export default function App() {

这个例子说明,**一个组件可能会随着时间的推移收到不同的 props 。** Props 并不总是静态的!在这里,`time` prop 每秒都在变化。当你选择另一种颜色时,`color` prop 也改变了。Props 反映了组件在任何时间点的数据,并不仅仅是在开始时。

然而,props 是 [不可变的](https://en.wikipedia.org/wiki/Immutable_object)(一个计算机科学术语,意思是 “不可改变”)。当一个组件需要改变它的 props(例如,响应用户交互或新数据)时,它不得不 “请求” 它的父组件传递 _不同的 props_ —— 一个新对象!它的旧 props 将被丢弃,最终 JavaScript 引擎将回收它们占用的内存。
然而,props 是 [不可变的](https://en.wikipedia.org/wiki/Immutable_object)(一个计算机科学术语,意思是 “不可改变”)。当一个组件需要改变它的 props(例如,响应用户交互或新数据)时,它不得不 “请求” 它的父组件传递 _不同的 props_ ———— 一个新对象!它的旧 props 将被丢弃,最终 JavaScript 引擎将回收它们占用的内存。

**不要尝试 “更改 props”。** 当你需要响应用户输入(例如更改所选颜色)时,你可以 “设置 state”,你可以在 [State: 一个组件的内存](/learn/state-a-components-memory) 中继续了解。

Expand Down

0 comments on commit 158cff0

Please sign in to comment.