Почему мой цикл Fpl не отображается вместо этого, код React не обновляется

Я изменил его на FPLLoop, но он все равно показывает то же самое в типографии. Пожалуйста, помогите. По какой-то причине ничего не обновляется даже после сохранения. Есть ли какая-то причина в react.js.

import React, { Component } from "react";
import RoomJoinPage from "./RoomJoinPage";
import CreateRoomPage from "./CreateRoomPage";
import Room from "./Room";
import { Grid, Button, ButtonGroup, Typography } from "@material-ui/core";
import {
  BrowserRouter as Router,
  Switch,
  Route,
  Link,
  Redirect,
} from "react-router-dom";

export default class HomePage extends Component {
  constructor(props) {
    super(props);
    this.state = {
      roomCode: null,
    };
    this.clearRoomCode = this.clearRoomCode.bind(this);
  }

  async componentDidMount() {
    fetch("/api/user-in-room")
      .then((response) => response.json())
      .then((data) => {
        this.setState({
          roomCode: data.code,
        });
      });
  }

  renderHomePage() {
    return (
    <Grid>
      <Grid item xs={12} align="center">
        <Typography variant="h3" compact="h3">
            FPLloop
          </Typography>
        </Grid>
        <Grid item xs={12} align="center">
          <ButtonGroup disableElevation variant="contained" color="primary">
            <Button color="primary" to="/join" component={Link}>
              Join a Room
            </Button>
            <Button color="secondary" to="/create" component={Link}>
              Create a Room
            </Button>
          </ButtonGroup>
        </Grid>
      </Grid>
    );
  }


  clearRoomCode() {
    this.setState({
      roomCode: null,
    });
  }

#Рендеринг не помещается, так как слишком много кода, но реакт - это проблема

Вместо этого написано House Party

Вернуться на верх