Не удается получить компонент реагирования для рендеринга с использованием маршрутизации - PullRequest
Новая
       11

Не удается получить компонент реагирования для рендеринга с использованием маршрутизации

0 голосов
/ 07 марта 2020

Я новичок, чтобы отреагировать, и я пытаюсь визуализировать компонент с именем {Chat} в контейнере, используя маршрутизацию, но он не дает никакого вывода (или ошибок). Вот мой код: 

import React from "react";
import { Link } from "react-router-dom";
import Axios, { baseURL } from "../../services/config";
import "./Join.css";
import convIcon from "../../assets/selectIcon.png";
import Chat from "../Chat/Chat";

render() {
const { name, room, groups } = this.state;
const { match } = this.props;
const groupsList =
  groups.length > 0 &&
  groups.map(group => {
    return (
      <Link className="chatLink" to={`${match.url}/joinChat/chat`}>
        <div className="chatList">
          <img src={convIcon} title="logo" className="chatIcon" alt="" />
          <h2 className="groupName">
            {group.name}
            <span className="timestamp">2:30 PM</span>
          </h2>
          <span className="lastMsg">Last message text</span>
        </div>
      </Link>
    );
  });
  return (
   <div className="joinOuterContainer">
    <div className="joinInnerContainer">
     <h1 className="heading">Conversations</h1>
     <div className="chatListContainer">{groupsList}</div>
    </div>
    <div>
     <Route path={`${match.url}/joinChat/Chat`} component={Chat}/>
   </div>
   </div>
  );
 }
...