Question

似乎我无法掌握React-final-form的工作方式。

有一个包含以下部分的功能组件：在顶部：

import {Form, Field} from "react-final-form";

然后返回：

return (
    <Fragment>
        <Form
            onSubmit={handleSubmit}
            render={ ({innerSubmit, form, submitting, pristine, values}) => (
                <form onSubmit={innerSubmit}>
                   ( Bunch of Fields... )

                     <div className="buttons">
                        <button type="submit" disabled={submitting}>
                            Save
                        </button>
                        <button
                            type="button"
                            onClick={form.reset}
                            disabled={submitting || pristine}>
                            Reset
                        </button>
                    </div>
                </form>
            )}
        />
   </Fragment>
)

因此，渲染是传递对象的函数。在该对象中，第一个是“ innerSubmit”。

innerSubmit如何连接到“ handleSubmit”？

对象中的这些值是什么（innerSubmit，表单，提交，原始值和值）。 React.dom中的渲染功能（渲染来自哪里）具有不同的参数。

Answer 1

请仔细检查documentation。似乎handleSumbit是作者的命名约定，应该用作render中的道具。另一方面，应该将您的“ innerSumbit”（我想这是一个表单处理函数？）传递给Form中的“ onSumbit”。

对您来说，一个好主意是检查react-final-form作者的yt tutorial。

React-final-form如何在表单的呈现方式中处理提交

1 个答案: