Reactjs 反应最终表单在表单呈现中如何处理提交

看来我搞不懂它是怎么工作的

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

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、form、Submiting、pristine和values中的这些值是什么。React.dom中的render函数来自不同的参数。

请仔细检查。看起来handleSumbit是一种作者的命名约定，应该在渲染中用作道具。另一方面，你的'innerSumbit'我想它是一个表单处理函数？应以形式传递给“onSumbit”

---

您最好检查react final form author。

是的，这是正确的@埃里克，我看了你的视频，非常棒。学到了很多东西，我正在将其与语义UI集成。