小编was*_*low的帖子

我正在使用DataGridMaterial-UI，我想将链接应用到每行的末尾。
但它显示如下：( [object Object])

我希望它显示像123456789记录的 id 一样，并成为/form/123456789...的链接，我Link从react-router-dom使用，但我无法弄清楚我缺少什么或DataGrid组件不是最合适的...我只想在每行末尾添加一个链接

这是我到目前为止尝试做的事情；

import React, { useEffect } from 'react';
import { useDispatch, useSelector } from 'react-redux';
import { makeStyles } from '@material-ui/core/styles';
import {
  DataGrid,
  GridToolbarContainer,
  GridColumnsToolbarButton,
  GridFilterToolbarButton,
} from '@material-ui/data-grid';
import { Container, Backdrop, CircularProgress } from '@material-ui/core';
import { Redirect, Link } from 'react-router-dom';
import { getAllForms } from '../actions/formActions';
import Message from '../layout/Message';
import ArrowRightAltIcon from '@material-ui/icons/ArrowRightAlt';

const useStyles = …

我有一个用 React、Node.js 和 Socket.io 制作的应用程序，
我将 Node 后端部署到 heroku ，前端部署到 Netlify

这是我的server.js文件；

const mongoose = require('mongoose');
const Document = require('./Document');
const dotenv = require('dotenv');
const path = require('path');
const express = require('express');
const http = require('http');
const socketio = require('socket.io');
dotenv.config();

const app = express();
app.use(cors());
const server = http.createServer(app);
const io = socketio(server, {
  cors: {
    origin: 'https://googledocs-clone-sbayrak.netlify.app/',
    methods: ['GET', 'POST'],
  },
});

app.get('/', (req, res) => {
  res.status(200).send('hello!!'); …

基本上我想切换“活动”类。我希望在我的 main.js 文件中包含所有与 JS 相关的代码。我的意思是我不希望我的 #readmore 按钮在其属性中包含 onClick=toggle() 。onClick 方法工作正常，切换我的“活动”类。但问题是不这样做。当我使用下面的代码时，它会自动将“活动”类添加到 .container 并且在我单击 #readmore 时不会删除。顺便说一下，我不想使用 jQuery。

我的代码：

var myBtn = document.querySelector("#readmore");

myBtn.addEventListener("click", toggle());

function toggle() {
   document.querySelector(".container").classList.toggle('active');
};

<div class="container">
<div class="content">
   <h2>
      Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nesciunt, modi! Ipsum ab non voluptas facilis maxime architecto nulla consectetur recusandae.
   </h2>
   <img src="img/img4.jpg" alt="" width="600px">
   <a href="#" id="readmore">Read More</a>
</div>