Question

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

韦德

Answer 1

要为页面创建简单路线，给定tutorial就是我们所有人。

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

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

让我们开始吧：

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

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

为新页面创建

组件插件中的

/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);

添加按钮以路由到任何组件中的新页面，您可以从该页面链接到“关于”页面。
```
<Components.Button
    label="About"
    onClick={handleClick}
/>
```

添加处理点击的功能。

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

希望这能解决您的问题！

PS：我知道这段代码可以缩短，我已经用这种方式编写了它，这样初学者就能更快地理解它。如果我错了，请不要犹豫，纠正答案。：）

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

1 个答案: