Я пытаюсь открыть страницу клиента, но она остается на домашней странице или странице по умолчанию - PullRequest
Новая
       5

Я пытаюсь открыть страницу клиента, но она остается на домашней странице или странице по умолчанию

0 голосов
/ 28 февраля 2020

Я пытаюсь использовать response-semanti c -UI в моем проекте. Я добавил строку меню в свое приложение. js с Клиентом в качестве пункта меню. Когда я нажимаю на Клиента, в адресной строке отображается http://localhost:3000/Customer, но отображается страница Клиента

NavigationBar. js

import React, { Component } from 'react';
import { Menu } from 'semantic-ui-react';
import { Link, BrowserRouter } from 'react-router-dom';

export default class NavigationBar extends Component {
state = {}

handleItemClick = (e, { name }) => this.setState({ activeItem: name })

render() {
const { activeItem } = this.state

return (
    <BrowserRouter>
    <Menu>
    <Menu.Item link
      as={Link} to="./Customer"
      name='customer'
      active={activeItem === 'customer'}
      onClick={this.handleItemClick}
    >
      Customers
    </Menu.Item>
  </Menu>
    </BrowserRouter>
)
}
}

Приложение. js

import React from 'react';
import './App.css';
import NavigationBar from './components/NavigationBar';

function App() {
  return (
       <div>
         <NavigationBar/>
       </div>
  );
}

export default App;

Заказчик. js

import React, {useEffect, useState} from "react";

const Customer = () => {
const [users, setUsers] = useState([]);

useEffect( () => {
    getCustomers();
}, []);

async function getCustomers() {

}

return(
    <div>
        <p>This is Customer page</p>
    </div>
);

};

export default Customer;

Вот так выглядит chrome проверять

Chrome проверять вид

...