meteor - 创建简单页面反应商务的路线

Question

我正在尝试根据本教程（https://docs.reactioncommerce.com/reaction-docs/master/plugin-routes-6）为我们设置一个简单的静态页面。问题在于，除了向 registry.js 文件添加条目之外，我还需要做什么并没有真正的解释。虽然他们确实有我可以复制的插件示例，但我想知道在 Reaction Commerce 中添加一个简单的静态页面需要什么。谢谢。

韦德

Answer 1

要为页面创建简单的路线，给定的教程是我们都得到的。

为页面创建路由： 我将按以下步骤为您分解：

我假设你知道我们必须只在/imports/plugin/custom目录中添加我们的代码。您可以从此处覆盖所有核心功能。

让我们开始吧：

1. 您需要在 register.js 文件下的注册表中添加路由详细信息。

   registry:[
       {
           route:"/about",
           name:"about",
           template:"aboutUs",
           workflow:"coreWorkflow"
       }
   ],
   

2. 为新页面创建组件

   /imports/plugin/custom/YOUR_PLUGIN/client/components/about.js在您的插件中。

   import React, { Component } from "react";
   import { registerComponent } from "/imports/plugins/core/components/lib";
   import { Meteor } from "meteor/meteor";
   import { Col } from 'reactstrap';
   
   class About extends Component {
   
     render() {
       return (
         <div className="container-main">
           About Us Page
         </div>
       );
     }
   }
   
   registerComponent("about", About);
   

3. 添加按钮以路由到任何组件中的新页面，您可以从中提供指向“关于”页面的链接。

   <Components.Button
       label="About"
       onClick={handleClick}
   />
   

4. 添加处理点击的函数。

   handleClick() {
       return Reaction.Router.go("/about");
   }
   

希望这能解决您的疑问！

PS：我知道这段代码可以缩短，我这样写是为了让初学者能更快的理解。如果我错了，请不要犹豫，纠正答案。:)