哪里是魔法，使用的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> 

其中魔术的onSubmit被转换为handleSubmit道具？通常一个孩子的组成部分必须阅读：props.onS提交

是与redux？我见过没有终极版形式相同...

完整的代码示例：

https://codesandbox.io/s/x20j62365o

Answer 1

如果你看看，reduxForm是把你的组件，并返回一个新的组件，你是一个HigherOrderComponent导出为默认值并使用。想想reduxForm将以原始形式实现，如

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

    } 
}