行動最初是未定義

我有以下的智能組件，我指定initialUpload功能是必需的FUNC：行動最初是未定義

import React, { Component, PropTypes } from 'react'; 
import UploadForm from '../../components/UploadForm/UploadForm'; 
import HeaderSelection from '../../components/HeaderSelection/HeaderSelection'; 
import { initialUpload } from '../../redux/modules/Upload'; 
import { connect } from 'react-redux'; 

console.log(typeof initialUpload); //function 

@connect((state) => { 
    return { 
    file: state.getIn(['upload', 'file']) 
    }; 
}, { 
    initialUpload 
}) 
export default class Home extends Component { 
    static propTypes = { 
    initialUpload: PropTypes.func.isRequired 
    }; 

    render() { 
    return (
     <div> 
     <UploadForm handleFilesChange={this.props.initialUpload}/> 
     <HeaderSelection/> 
     </div> 
    ); 
    } 
}

但我得到的錯誤信息：

warning.js：36警告：失敗的道具類型：道具initialUpload爲，標記爲Connect(Home)中的要求，但其值爲undefined。

該函數被包裝在調度中，並向下傳遞組件層次結構，所以我對發生了什麼感到困惑。

來源

2016-11-24 dagda1

哪個組件正在呼叫Home？ – Aus

@connect將static propTypes分配給產生的振打組件，而不是Home本身，這是一個很奇怪的行爲！我認爲這是ES7轉型造成的，這種行爲是不存在於以前的版本

一個解決辦法是定義在wrappedComponent外類定義的propTypes：

@connect(...) 
export default Home extends Component{ 
    render() { 
     // .... 
    } 
} 

Home.WrappedComponent.propTypes = { 
    initialUpload: PropTypes.func.isRequired 
}

另一種選擇是不使用裝飾者&使用直接連接

來源

2017-01-21 15:02:20

行動最初是未定義

回答

相關問題