小编Don*_*eal的帖子

我有一个标头，其类名根据状态而变化。每个类都有不同的背景图像，在 CSS 中指定。一切工作正常，但过渡非常突然，没有淡入效果。

我写：

.jumbotron-img-1{
    background-image: url("/images/myImg1.jpg");
    transition: all 1s ease-in-out;

它有效，但很丑。在图像以最终形式显示之前，会进行缩放和扭曲。我在 Google 上看过一些教程，但没有什么是简单的，也没有达到纯 CSS 或 React 中的背景图像转换的目的。

任何帮助将不胜感激，谢谢！

我今天早上从 github 存储库在 Netifly 上部署了一个 React 网站。

然后我做了一些更改，将它们推送到 github，并在 Netifly 上触发了一个新的部署。现在该网站是一个空白页面。在控制台中，我收到以下消息：

加载资源失败：服务器响应状态为 404()

所以我在 Netifly 上创建了一个新项目，使用相同的存储库。问题依然存在。这是 Netifly 的临时问题吗？如果没有，我该如何解决？

我已经在react应用程序中安装了react dropzone。添加组件放置区时，应用程序崩溃，并声称：

TypeError: children is not a function
Dropzone.render
node_modules/react-dropzone/dist/es/index.js:478
475 | var isMultipleAllowed = multiple || filesCount <= 1;
476 | var isDragAccept = filesCount > 0 && 
allFilesAccepted(draggedFiles, this.props.accept);
477 | var isDragReject = filesCount > 0 && (!isDragAccept ||!isMultipleAllowed);
> 478 | return children({
  | ^  479 |   isDragActive: isDragActive,
480 |   isDragAccept: isDragAccept,
481 |   isDragReject: isDragReject,

但是，一切似乎都很好。我的App.js是：

import React, { Component } from 'react';
import DropImg from './components/DropImg.js';

class App extends Component {
render() { …