Блог

Я получаю эту ошибку при загрузке этой страницы.

Я даже не использую подход конструктора.

 TypeError: Illegal constructor
renderWithHooks
C:/Users/sfsf/Desktop/ServerGuy/client/node_modules/react-dom/cjs/react-dom.development.js:16260
  16257 |   }
  16258 | }
  16259 | 
> 16260 | var children = Component(props, refOrContext);
        | ^  16261 | 
  16262 | if (didScheduleRenderPhaseUpdate) {
  16263 |   do {
View compiled
 

Я пытаюсь реализовать простой код react. Все остальные страницы работают, но поскольку я постоянно получаю этот код. Я использую nodejs и mongodb.

Я хочу загрузить компонент по щелчку, определенному в Route.js досье.

     import React, { useState, useEffect } from 'react';
import axios from 'axios';
import renderHTML from 'react-render-html';
import { getUser, getToken, logout } from './helpers';

const History = () => {
  var un = getUser();

var [posts2, setPosts2] = useState([]);

    const fetchPosts2 = () => {

        axios
            .get(`${process.env.REACT_APP_API}/history/${un}`,
            )
            .then(response => {
                setPosts(response.data);
            })
            .catch(error => alert(error));
    };

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

    return (
          <div>
            <div className="content">
            <div className="data pl-sm">

              {posts2.map((item, index) => (

                // if(index < 1){
                //      return(
                //        <div className="container">
                //           <h1 className="display-4">You do not have any search history yet.</h1>
                //        </div>
                //  );
                // }
                //    else{
                    // return(
                       <div className="container">
                          <h1 className="display-4">Search History</h1>
                      <table className="table">
                      <thead>
                      <th>
                         S No.
                       </th>
                      <th>
                         Search Word
                       </th>
                              <th>
                         Time
                       </th>
                       </thead>
                     <tbody>
                     <tr>
                            <td>{index} </td>
                           </tr>
                          <tr>
                      <td>{item.word} </td>
                           </tr>
                                  <tr>
                            <td>{item.time} </td>
                           </tr>
                     </tbody>
                       </table>

                       </div>
                    // );
                //   }
              )
              )}

            </div>

            </div>
          </div>
        );
};

export default History;