小编Lay*_*yRi的帖子

MUI 应用栏和固定导航栏下方的模糊内容

有没有办法更改我的material-ui AppBar 组件的背景属性以模糊固定导航栏上的内容?

我尝试过过滤器:blur(0),但它没有像我想要的那样工作。我必须使用 React/Styled-components/Material-UI 在导航栏上获得这种效果 在此输入图像描述

我在互联网上搜索了很多小时...我想,例如在以下链接中,在此应用栏下获得模糊:https://codesandbox.io/s/mwbwd ?file=/demo.js

javascript css reactjs material-ui styled-components

3
推荐指数
1
解决办法
3148
查看次数

类型错误:无法使用反应图像读取未定义的属性“活动”

嗨,我想从 react-photo-gallery ( https://www.npmjs.com/package/react-photo-gallery )实现这个照片库

我已经安装了 2 个依赖项:react-photo-gallery 和 react-images

我想测试以下链接:https : //codesandbox.io/s/awesome-bassi-5vn3lvz2n4?from-embed=&file=/ index.js: 666-689,但我TypeError: Cannot read property 'active' of undefined在单击其中之一时遇到了我项目中的图像。( https://ibb.co/9gdT9LD )

我尝试使用完全相同的代码,但我真的不明白为什么会出现 TypeError。

有没有人可以帮助我为什么会出现错误并修复此错误?

这是我用来实现的代码(与示例相同的代码以不同的方式)

import React, { useState, useCallback } from 'react';
import Gallery from 'react-photo-gallery';
import Carousel, { Modal, ModalGateway } from 'react-images';



const photos = [
  {
    src: 'https://source.unsplash.com/2ShvY8Lf6l0/800x599',
    width: 4,
    height: 3,
  },
  {
    src: 'https://source.unsplash.com/Dm-qxdynoEc/800x799',
    width: 1,
    height: 1,
  },
  {
    src: 'https://source.unsplash.com/qDkso9nvCg0/600x799',
    width: 3,
    height: 4,
  },
  { …
Run Code Online (Sandbox Code Playgroud)

javascript image-gallery undefined typeerror reactjs

1
推荐指数
1
解决办法
322
查看次数

如何在 React 前端网站上显示来自 Google Drive 的图像?

我想在我的 Google 云端硬盘中上传一些照片并希望显示这些照片。我现在实际上正在使用 React.js,而且我对编程还很陌生。我只想显示照片并提供与照片相关的具体日期。我在 google 和 youtube 上搜索,但仍然没有明确的答案。

javascript node.js web google-drive-api reactjs

1
推荐指数
1
解决办法
1万
查看次数