Question

我试图理解服务页面背后的基本想法。

例如，假设我的应用中有两个页面。登录页面，然后是登录后提供的主应用程序页面。登录页面获取用户输入，然后发布到服务器。如果输入正常，服务器会将应用程序交付给客户端。

但仅仅投放应用程序本身将毫无用处，因为他们不会拥有任何数据。

我认为这通常是通过填充数据然后发送给客户端的模板来处理的？

但是有了反应，更好的想法可能是渲染页面服务器端然后服务它？或者将客户端应用程序设置为一个页面，将登录和应用程序绑定在一个父组件下，然后从登录帖子传递返回数据是否更好？

我试图了解处理这个问题的方法。

由于

Answer 1

如果引导页面内容所需的数据量相对较少，则最佳方法通常是将数据嵌入页面上的<script>标记中，然后将此数据作为顶级组件的支柱。例如：

<head>
  <script>
    function getInitData() {
      return {
        user: {
          email: 'a.b@co',
          name: 'A. B. Cooper'
        },
        cats: [
          'fluffy',
          'tiger',
        ]
      };
    }
  </script>
</head>

...

<body>
  <div id="root></div>
  <script>
     rootNode = document.getElementById('root');
     React.render(MyTopComponent({initData: getInitData()}, rootNode);
  </script>
</body>

如果您需要设置大量数据，那么您需要设置API调用并异步获取数据。正如@Josh指出的那样，最终有很多方法可以做到这一点，但这是一个起点。

了解登录后的页面传递

1 个答案: