this.props不是从父组件到子组件的函数还原

Question

Hi I am having an issue calling an action in a child component.

However, I can run the CompanyForm component by itself and it'll work, but when treated as a child component, I run into an error:

Uncaught TypeError: this.props.createCompany is not a function

Companies.js

render() {
    return (
        <div>
            <CompanyForm/>
        </div>
    );
}

CompanyForm.js

import { createCompany } from "../../actions/companyAction";
export class CompanyForm extends Component {
constructor(props) {
    super(props);

    this.state = {
        companyName: '',
        street1: '',
        street2: '',
        city: '',
        state: '',
        zipcode: ''
    };

    this.handleSubmit = this.handleSubmit.bind(this);
}


handleSubmit(event) {
    event.preventDefault();
    const company = {
        ...
    };
    console.log(company);
    this.props.createCompany(company)

}
}
export default connect(null, { createCompany })(CompanyForm);

companyActions.js

export const createCompany = (companyData) => dispatch => {
console.log('CREATE_COMPANY: ', companyData);
fetch('api/Company/Create', {
    ...
)};

Answer 1

import child components without curly braces into the parent component ie

import CompanyForm from '../component/companyForm/CompanyForm';

NOT

import { CompanyForm } from '../component/companyForm/CompanyForm';

Answer 2

You are exporting both the component and the connected component you have to make sure you are importing the right one. The right one in this case is the connected component.