鍍金池/ 問答/Java  HTML/ react tsx

react tsx

const AppContainer: React.SFC<IAppContainerProps & IAppContainerState & IAppContainerDispatch> = props => (
    <IntlProvider locale={props.locale} defaultLocale="en-US" messages={props.localeMessages}>
        <App
            isAuthenticated={props.isAuthenticated}
            isLoaded={props.isLoaded}
            isCollapsed={props.isCollapsed}
            switchWindow={props.switchWindow}
        />
    </IntlProvider>
);

請問這個(gè)語法的意思是什么，props通過哪里傳入

回答
編輯回答
吢涼

props一般都為父組件提供。
就是那個(gè)調(diào)用這個(gè)AppContainer組件時(shí)候傳入。

2017年4月5日 03:56
編輯回答
執(zhí)念

標(biāo)識AppContainer的類型為React.SFC<IAppContainerProps & IAppContainerState & IAppContainerDispatch>
這是一個(gè)高階組件，props通過函數(shù)參數(shù)傳遞

2017年3月4日 07:22
編輯回答
尤禮

這是TypeScript寫法，SFC（Stateless Functional Components）表示無狀態(tài)的函數(shù)式組件。
你的寫法是React定義組件的兩者方式之一。

<IAppContainerProps & IAppContainerState & IAppContainerDispatch>
表示typeScript的類型檢查。用于強(qiáng)制類型約束。
其他地方應(yīng)該聲明了類似如下的代碼：

interface IAppContainerProps {
    name: string
}
interface IAppContainerState {
    name: string
}
interface IAppContainerDispatch {
    name: string
}

props是引用AppContainer 這個(gè)組件的時(shí)候帶入的

2018年1月3日 01:07