React.js：傳遞道具給道具？

Question

我學習通過在線課程反應，跨越如果一個屬性附加到其他財產，像這樣的情況都有所涉獵：

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

看到，因爲導師只簡單地解決了這一行的代碼，我不能不仍然百思不得其解至於這個「連接」語法實際上代表什麼，即它在幕後造成了什麼。來自Vanilla JS，它看起來像property02被用作property01的參數，但這似乎太簡單的答案。話雖如此，我很理解其餘的代碼。

爲了提供一些上下文，我創建了這個codepen，其中我提到的問題由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的房產。

Answer 2

香草JS即將看起來property02被用作論據property01

就是這樣，你是正確的。

this.props.property01（this.props.property02）

property01是一種方法，property02，爭論。

爲別人看着這個

的較詳細的解釋：

假設這條線是在一個名爲MyComponent和property01成分是MyComponent道具。

父組件的render（）方法，將包含這樣的事情：

<MyComponent property01={this.someMethod.bind(this)} /> 

凡someMethod屬於該母公司組件，但它作爲MyComponentproperty01（子組件）變爲可用。

Answer 3

如果你能理解基本反應代碼，這個問題會對你有所幫助，因爲在那段代碼中，我將道具和狀態從父組件傳遞給了子組件。你可以玩它嘗試做任何你想要的。

How to pass state from parent compont to child component in route (react-route-dom) reactjs