React中的「Prop」究竟是什麼？

我剛開始在iOS上使用React native，看看它的感覺如何，我有一個愚蠢的問題。我看到每個人都在談論「道具」，每當我閱讀文章或教程，作者使用這個術語很多在代碼中也是一樣的。例如，在類的聲明，我經常看到這樣的構造函數：React中的「Prop」究竟是什麼？

class MyClass extends Component { 

    constructor(props) { 
     super(props); 
     this.state = { message: '' }; 
    } 
}

我無法找到的道具是什麼，任何人都可以賜教關於一個明確的解釋？

2016-04-05 Randy

道具是您傳遞給您的React組件的值。所以，只要你有一個組件，你會看到這樣的內容：

<MyComponent value1={value1} isTrue={true} />

2016-04-05 11:17:11

短，簡單明瞭，由於基思 – Randy

和'props'可以在組件類代碼爲'this.props'被訪問，在上述例子中'this.props.value1'和'this.props。 isTrue'。 – Aaron

這取決於您如何編寫組件。如果你使用類組件，那麼是的，他們是this.props。如果您使用的是功能組件，那麼您將道具作爲正式參數傳遞。 –

除了基思的答案，下面你可以找到一個使用「顏色」屬性非JSX版本。

// Output (JS): 
var app = React.createElement(Nav, {color:"blue"});

2016-04-05 11:32:57

回答