获得虚假的警告在“未知的道具”的反应

Question

我下面的代码， 我创建了一个愚蠢的组件，

const editViewTable = ({ headerData, bodyData }) => 
(
    <div>.....</div> 
) 

editViewTable.propTypes = { 
    headerData: React.PropTypes.arrayOf(React.PropTypes.string), 
    bodyData: React.PropTypes.arrayOf(React.PropTypes.object), 
}; 

export default editViewTable; 

和智能之一，

import * as actions from './actions'; 
import React from 'react'; 
import { connect } from 'react-redux'; 
import { getOnehopProducts } from './reducers'; 
import editViewTable from '../common/editViewTable/component'; 

const mapStateToProps = (state, params) => { 
    return { 
    headerData: ['name', 'category', 'merchant'], 
    bodyData: getOnehopProducts(state) 
    }; 
} 

class ProductList extends React.Component { 
    componentDidMount() { 
    this.fetchData(); 
    } 

    fetchData() { 
     const { fetchProducts } = this.props; 
     fetchProducts({}); 
    } 

    render(){ 
    const { headerData, bodyData } = this.props; 
    return <editViewTable headerData={headerData} bodyData={bodyData} />; 
    } 
} 


ProductList = connect(
    mapStateToProps, 
    actions 
)(ProductList); 

export default ProductList; 

每当我m渲染组件，我收到错误Warning: Unknown props 'headerData', 'bodyData' on <editViewTable> tag. Remove these props from the element。

我无法找到导致问题的原因。我显然没有通过额外的道具，所以导致错误的是什么。我几乎是新手反应。

我正在使用反应材料。

Answer 1

重命名editViewTable至EditViewTable后，此警告已消失，并且所有内容都正常工作。