Карта primaryFooterAction переадресация на новую страницу / компонент - PullRequest
Новая
       31

Карта primaryFooterAction переадресация на новую страницу / компонент

0 голосов
/ 21 декабря 2018

Реагируйте на новичка здесь.

Я пытаюсь использовать URL-адрес primaryFooterAction карты Shopify Polaris для отображения новой страницы.

Я хотел бы знать, как я могу это сделать.Я предоставляю код здесь. 

//App.js

import React, { Component } from 'react';
import '@shopify/polaris/styles.css';
import './App.css';
import {
    Layout,
    Stack,
    List,
    Page,
    Card,
} from '@shopify/polaris';
import { Switch, Route} from "react-router-dom";
import price from "./components/Price/Price";

class App extends Component {

  render() {
    return (
        <Page
          title="Product MGR"
        >
            <Layout sectioned={true}>
                <Layout.Section>
                    <Card
                        title="Manage Product Cost"
                        primaryFooterAction={{content: 'Change Price', url: '/price', external: true}>
                        <p>Some text here</p>
                    </Card>
                </Layout.Section>
            </Layout>
            <Switch>
                <Route path="/price" component={price} />
            </Switch>
        </Page>
    );
  }
}

export default App;

//Price.js

import React from 'react';
import '@shopify/polaris/styles.css';
import {
    Layout,
        Page,
    Card,
} from '@shopify/polaris';
import {
    withRouter
} from 'react-router-dom'
const price = () => {
        return (
            <Page title = "Price MGR">
                <Layout sectioned={true}>
                    <Layout.Section>
                        <Card>
                            <p>Price</p>
                        </Card>
                    </Layout.Section>
                </Layout>
            </Page>
        );
}

export default withRouter(price);

Это отображает компонент цены на той же странице, а не заменяет существующее содержимое компонентом цены.Может ли кто-нибудь помочь мне визуализировать контент с помощью компонента Price, заменив существующий контент?

...