在react中收到“未知道具”的错误警告

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;

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

我找不到是什么导致了这个问题。我显然没有传递额外的道具，那么是什么导致了错误。我几乎是个新手才有反应。

我在使用react-material。

Answer 1

在将editViewTable重命名为EditViewTable之后，这个警告消失了，一切都运行得很好。