【React Native】文件翻譯閱讀紀錄 - 基礎 - Props
Facebook Open Source React Native
Props
大多數組件在創建時可以使用不同的參數進行自定義。 這些創建參數稱為props。
例如,一個基本的React Native組件是Image。 創建圖像時,可以使用名為source的prop來控制它顯示的圖像。
例如,一個基本的React Native組件是Image。 創建圖像時,可以使用名為source的prop來控制它顯示的圖像。
請注意,{pic}被大括號包圍,以將變量pic嵌入到JSX中。 您可以將任何JavaScript表達式放在JSX中的大括號內。
您自己的組件也可以使用道具。 這使您可以創建在應用程序的許多不同位置使用的單個組件,每個位置的屬性略有不同。 只需在渲染函數中引用this.props即可。 這是一個例子:
您自己的組件也可以使用道具。 這使您可以創建在應用程序的許多不同位置使用的單個組件,每個位置的屬性略有不同。 只需在渲染函數中引用this.props即可。 這是一個例子:
使用name作為prop我們可以自定義Greeting組件,因此我們可以為每個問候重用該組件。 此示例還使用JSX中的Greeting組件,就像內置組件一樣。 執行此操作的能力使得React如此酷 - 如果您發現自己希望有一組不同的UI原語可供使用,那麼您只需創建新的原語。
這裡發生的另一件新事是View組件。 View可用作其他組件的容器,以幫助控製樣式和佈局。
使用props和基本的Text,Image和View組件,您可以構建各種靜態屏幕。 要了解如何讓您的應用隨時間變化,您需要了解狀態。
這裡發生的另一件新事是View組件。 View可用作其他組件的容器,以幫助控製樣式和佈局。
使用props和基本的Text,Image和View組件,您可以構建各種靜態屏幕。 要了解如何讓您的應用隨時間變化,您需要了解狀態。
0 意見