File tree Expand file tree Collapse file tree 1 file changed +2
-2
lines changed Expand file tree Collapse file tree 1 file changed +2
-2
lines changed Original file line number Diff line number Diff line change @@ -168,7 +168,7 @@ body { min-height: 120px; }
168
168
169
169
Props 使你独立思考父组件和子组件。 例如,你可以改变 ` Profile ` 中的 ` person ` 或 ` size ` props,而无需考虑 ` Avatar ` 如何使用它们。 同样,你可以改变 ` Avatar ` 使用这些 props 的方式,不必考虑 ` Profile ` 。
170
170
171
- 你可以将 props 想象成可以调整的 “旋钮”。它们的作用与函数的参数相同 —— 事实上,props _ 正是_ 组件的唯一参数! React 组件函数接受一个参数,一个 ` props ` 对象:
171
+ 你可以将 props 想象成可以调整的 “旋钮”。它们的作用与函数的参数相同 ———— 事实上,props _ 正是_ 组件的唯一参数! React 组件函数接受一个参数,一个 ` props ` 对象:
172
172
173
173
174
174
``` js
@@ -408,7 +408,7 @@ export default function App() {
408
408
409
409
这个例子说明,** 一个组件可能会随着时间的推移收到不同的 props 。** Props 并不总是静态的!在这里,` time ` prop 每秒都在变化。当你选择另一种颜色时,` color ` prop 也改变了。Props 反映了组件在任何时间点的数据,并不仅仅是在开始时。
410
410
411
- 然而,props 是 [ 不可变的] ( https://en.wikipedia.org/wiki/Immutable_object ) (一个计算机科学术语,意思是 “不可改变”)。当一个组件需要改变它的 props(例如,响应用户交互或新数据)时,它不得不 “请求” 它的父组件传递 _ 不同的 props_ —— 一个新对象!它的旧 props 将被丢弃,最终 JavaScript 引擎将回收它们占用的内存。
411
+ 然而,props 是 [ 不可变的] ( https://en.wikipedia.org/wiki/Immutable_object ) (一个计算机科学术语,意思是 “不可改变”)。当一个组件需要改变它的 props(例如,响应用户交互或新数据)时,它不得不 “请求” 它的父组件传递 _ 不同的 props_ ———— 一个新对象!它的旧 props 将被丢弃,最终 JavaScript 引擎将回收它们占用的内存。
412
412
413
413
** 不要尝试 “更改 props”。** 当你需要响应用户输入(例如更改所选颜色)时,你可以 “设置 state”,你可以在 [ State: 一个组件的内存] ( /learn/state-a-components-memory ) 中继续了解。
414
414
You can’t perform that action at this time.
0 commit comments