小编buz*_*tto的帖子

我已在 Heroku 上托管了 MERN 应用程序，但每当我在 app.js 文件中实现头盔时，都会导致此问题。

const path = require('path');
const express = require('express');
const morgan = require('morgan');
const cookieParser = require('cookie-parser');
// const cors = require('cors');
const rateLimit = require('express-rate-limit');
const helmet = require('helmet');
const mongoSanitize = require('express-mongo-sanitize');
const expressSanitizer = require('express-sanitizer');
const xss = require('xss-clean');
const hpp = require('hpp');
const compression = require('compression')

const authRouter = require('./routes/authRoutes');

const app = express();
// IMPLEMENT CORS
// app.use(cors());
// app.options('*', cors());
app.use((req, res, next) => {
   res.header('Access-Control-Allow-Origin', '*');
   res.header( …

我不明白为什么我的useEffect()React 函数无法访问我的组件的状态变量。当用户放弃在我们的应用程序中创建列表并导航到另一个页面时，我试图创建一个日志。我正在使用useEffect() return复制componentWillUnmount()生命周期方法的方法。你能帮我吗？

代码示例

  let[progress, setProgress] = React.useState(0)

  ... user starts building their listing, causing progress to increment ...

  console.log(`progress outside useEffect: ${progress}`)
  useEffect(() => {
    return () => logAbandonListing()
  }, [])
  const logAbandonListing = () => {
    console.log(`progress inside: ${progress}`)
    if (progress > 0) {
      addToLog(userId)
    }
  }

预期行为

代码将达到addToLog()，导致记录此行为。

观察到的行为

这就是当用户在他们的列表中输入一些内容，导致progress增加，然后离开页面时发生的情况。

• 该useEffect()方法完美运行，并触发该logAbandonListing()功能
• 第一个console.log()（上面useEffect）记录了大于 0 的progress状态
• 第二个console.log()用于日志0 …

我需要在悬停时删除 Material UI Select 列表的下划线。

我试过https://codesandbox.io/s/nifty-rubin-6x9po?file=/src/Dropdown.jsx默认情况下删除下划线但是当悬停时，下划线仍然显示

我提到了如何更改 Material UI 输入下划线颜色？和删除反应材料 ui 组件中自动完成的下划线样式，但都处理了如何显示，我完全想从选择列表中删除下划线。任何帮助表示赞赏，谢谢:)

我已经看过不同的解决方案，但到目前为止没有任何效果，而且我在文档中找不到任何内容。我做过类似的事情：

在我的图标上下文提供程序中：

style:{transform: [{ rotate: '90deg' }]}

以及将样式直接插入到图标标签中，例如：

<BiCard style = {{transform: [{ rotate: '90deg' }]}}>

但这些似乎都不起作用。我也尝试过rotateX和rotateY。有一些更新的方法可以做到这一点吗？

需要一些帮助：D

我正在尝试将我的数组拉为列表。在每个列表上单击（每个列表包含数组中的数据）以打开正确的模式，该模式将包含数组数据文件中的其余信息。另外，我无法通过 const Details 提取数组，因此它可以显示我需要的数据，但不知道如何显示。在我的其他文件中，我仅调用该组件。

这是我的代码：

import React, { useState } from "react";

//ProductsData
import { ProductData } from "../products/data";

const Products = () => {
  const [showModal, setshowModal] = useState(false);
  const [hasClass, changeClass] = useState({
    activeObject: null,
    objects: ProductData.map((product) => {
      return product.id;
    }),
  });

  function toggleActive(index) {
    setshowModal(true);
    changeClass({ ...hasClass, activeObject: hasClass.objects[index] });
  }

  function toggleActiveClass(index) {
    if (hasClass.objects[index] === hasClass.activeObject) {
      return "active";
    } else {
      return "inactive";
    }
  }

  const Details = (ProductData) => (
    <div …