this.ops不是从父组件到子组件的函数冗余

Question

嗨，我在调用子组件中的操作时遇到问题。

然而，我可以自己运行CompanyForm组件，它会工作，但当被视为子组件时，我遇到了一个错误：

未捕获类型错误：this.props.createCompany不是函数

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 CompanyForm from '../component/companyForm/CompanyForm';

非

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

Answer 2

要导出组件和连接的组件，必须确保导入的组件正确。在这种情况下，正确的是连接的组件。