首页 文章

神奇的地方，在组件中使用onSubmit like属性

提问于
浏览 次
0

有一个名为发送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在哪里被转换为props中的handleSubmit？通常必须使用以下内容读取子组件：props.onSubmit

redux是什么东西？我看过没有redux-form的那个......

完整代码示例：

https://codesandbox.io/s/x20j62365o

reactjs redux-form

1 回答

  • 0

    如果你看， reduxForm 是一个HigherOrderComponent，它接收你的组件并返回一个你要导出为默认和使用的新组件 . 认为reduxForm以粗略的形式实现

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

   }
}
    回复于

相关问题