Question

这就是我一直在努力做的事情：

页面的侧边栏有几个链接，例如步骤1，步骤2等。侧栏中的最后一个选项卡有“提交”按钮，该按钮生成对我的服务的POST调用。

在名为CreateItem.js的父页面中，我有侧栏：

<Sidebar width="15rem" open={true}>
<div>
    <div className="panel">
        <a href="#basic-info">Step 1: Basic Info</a>
    </div>
    <div className="panel">
        <a href="#content">Step 2: Content</a>
    </div>
</div>
</Sidebar>
<Mainbar>
<div>
    <section className="basic-info" id="basic-info">
        <BasicInfoPage user={this.props.user} itemId={this.props.params.id} />
    </section>
    <section className="content" id="content">
        <ContentPage user={this.props.user} />
    </section>
</div>
</Mainbar>

每个标签都有自己的formy表单和渲染功能。基本上所有部分都放在一个页面中，但只是逐段渲染。

我的问题： 1.上一节中的提交按钮如何说内容页面收集上面所有前面部分的所有数据？我意识到有一个强大的onSumbit函数，但表单在每个部分中，所以我不明白如何将所有数据封装到一个json中。

非常感谢任何帮助/提示！更愿意提供更多信息！

Answer 1

我建议您使用Flux或Reflux架构来收集每个部分的所有数据并将其存储在商店中。通过这种方式，您可以轻松获得所需的数据。

ReactJS + Formsy Mixin实现问题

1 个答案: