魔术在哪里，在组件中使用像属性这样的 onSubmit

Question

有一个组件叫做发送 onSubmit 属性

import SimpleForm from "./SimpleForm";

 <SimpleForm onSubmit={showResults} />

和组件：

import React from 'react';
import { Field, reduxForm } from 'redux-form';

const SimpleForm = props => {
  const { handleSubmit, pristine, reset, submitting } = props;
  return (
    <form onSubmit={handleSubmit}>
      <div>

props中onSubmit转换成handleSubmit的神奇在哪里？通常一个子组件必须被读取：props.onSubmit

redux 有什么用吗？我在没有 redux-form 的情况下看到了同样的情况...

完整代码示例：

https://codesandbox.io/s/x20j62365o

Answer 1

如果您看一下，reduxForm 是一个 HigherOrderComponent，它采用您的组件，returns 是您导出为默认组件并使用的新组件。想想 reduxForm 以像

这样的原始形式实现

const reduxForm = (params) => {
   return (Component) => {
       class App extend React.Component {
          render() {
             const {onSubmit} = this.props;
             return <Component handleSubmit={onSubmit} {...otherthingshere}/>
          }
       }

   }
}

魔术在哪里，在组件中使用像属性这样的 onSubmit

where is the magic, using onSubmit like property in component

reactjs

redux-form

魔术在哪里，在组件中使用像 属性 这样的 onSubmit

where is the magic, using onSubmit like property in component

reactjs

redux-form

魔术在哪里，在组件中使用像属性这样的 onSubmit