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。

我无法找到导致问题的原因。我显然没有传递额外的道具，所以导致错误的是什么。我很快就会做出反应。

我使用反应材料。

Answer 1

将editViewTable重命名为EditViewTable后，此警告已经消失，一切正常，花花公子。

对未知的道具进行虚假警告＆＃39;反应过来

1 个答案: