javascript - 使用样式对象传递上下文时上下文如何工作？

Question

我有以下代码:

const getStyle = context => ({
  fontWeight: "bold",
  color: context.color,
})

我想知道 getStyle 箭头函数的参数上的 context 是如何传递给 Greeting 箭头函数的这如何影响我的对象的颜色属性？

const Greeting = (props, context) =>
  <div style={getStyle(context)}>{props.name}</div>

Answer 1

Greeting 是一个函数。它需要两个参数。第二个名为 context

它返回一个 div。 style 属性的值是使用一个参数调用 getStyle 的返回值，该参数的值是 context 参数的值。

getStyle 是另一个函数。它需要一个参数。该参数也称为 context。

因此，该值是您调用 Greeting 时作为第二个参数传递的任何值。