javascript - react .js : Passing props to props?

Question

我正在通过在线类(class)学习 React，并且偶然发现一个属性附加到另一个属性的情况，如下所示:

this.props.property01(this.props.property02)

鉴于导师只是简要地介绍了这行代码，我不得不对这种“串联”语法的实际含义感到困惑，即它在幕后造成了什么。来自 Vanilla JS，它看起来像 property02 被用作 property01 的参数，但这似乎是一个太简单的答案。话虽这么说，我对剩下的代码非常了解。

为了提供一些上下文，我创建了这个代码笔，其中我上面提到的问题由 this.props.onDelete(this.props.whichItem); 给出。

鉴于我找不到任何相关问题，我将不胜感激对此问题进行一些有见地的阐述。

Answer 1

React 组件的属性可以是函数。当我看到:

this.props.property01(this.props.property02)

我认为:

• this.props.property01 是一个函数。
• this.props.property02 作为参数传递给函数。

这意味着该组件将用作:

<SomeComponent property01={(a) => { /* so something with "a" ... */ } property02={"someValue"} />

如果 property02 仅用于传递给 property01 而没有其他我更喜欢这样的东西:

<SomeComponent property01={(a) => { /* do something with "someValue" ... */ } />

这意味着不需要名为 poperty02 的属性。