在React中使用{}

Question

傳遞屬性時使用{}和不使用時有什麼區別？

即

TodoApp = ({props}) => { 
    console.log(props) 
} 

和

TodoAp = (props) => { 
    console.log(props) 
} 

Answer 1

這是ES6語法和不反應。

寫在MDN：

的解構賦值語法是JavaScript表達式 使得能夠從 對象解包從數組值或屬性，爲不同的變量。

具體例子， 在第一個例子中，你將解包對象，並採取了「道具」屬性出來的，其中在第二個例子中，你會得到整個對象，爲了獲取屬性所謂的「道具」，你將不得不寫props.props