Question

我的组件中有很多状态，因此我怀疑自己做错了什么。

我有一个注册组件，要求用户填写名字，电子邮件等。当用户点击下一个并且表单有效时，我使用React-Router转换到下一个注册阶段。这是我的问题。我转换到例如/ account / delivery，其中account是模块并交付要填写的部分。一个模块中可以有许多部分，并且可以有许多模块。在我的JavaScript中。

{  
   "modules": [  
      {  
         "module": "account",
         "section": [  
            {  
               "uri": "delivery",
               "id": 783743847834
            },
            {  
               "uri": "invoice",
               "id": 9304830948
            }
         ]
      },
      {  
         "module": "someother"
      }
   ]
}

在getInitialState(...)中，我已经为用户提取了正确的模块和正确的部分以填充数据。我这样做是通过阅读this.props.params来完成的，并且在加载初始页面时，模块和部分都是通过道具进行的。现在我需要获取一个部分的所有字段。可以从数据库中提取4-30个不同的字段。下拉列表最多可以有300个选项。我想在componentDidMount(...)中获取它们，但是所有字段都是React状态。

所有字段都由后端管理员动态创建，每个模块和部分都不同。

您有什么建议可以更好地设计这个吗？基本上这就是我正在做的事情：

用户加载页面
读取请求的标头以确定主机并从与主机匹配的数据库中获取正确的客户端。
读取与客户端相关的模块和部分。客户端具有可以容纳部分的模块。
React-Router然后加载相关组件，模块和部分使用props

做React的更好方法是什么？

0 个答案: