小编dhr*_*lan的帖子

我正在使用 NextJS，我试图将视频作为背景。在第一次渲染中，一切正常，但是当我重新加载屏幕时，视频不会在自动播放模式下运行。

代码：

import React from 'react'
import MainHeader from '../components/MainHeader'
import { Container } from '../styles/pages/Home'

const Home: React.FC = () => {
  return (
    <Container>
      <MainHeader />
      <video autoPlay style={{ width: '500px', height: '500px' }}>
        <source src="/blue.mp4" />
      </video>
    </Container>
  )
}

export default Home

我该如何解决这个问题？

关于潜在重复的免责声明：我也遇到过类似的问题，我想我现在已经阅读了几乎所有这些答案，但没有一个为我解决了问题。

我有一个应用程序，前端是 React，后端是 Flask 服务器。我有一个重大问题。代码似乎检查了前端和后端，但是当我单击表单的提交按钮后，我在 JS 控制台中收到错误：Form submission canceled because the form is not connected.

现在，我的表单上只有一个按钮，并且该按钮的类型为submit，handleSubmit处理程序位于form标记中，因此我认为这不会导致问题。我还添加了此配置对象来处理潜在的 CORS 错误，但至少我没有收到任何 CORS 错误。

React 表单组件代码：

import React, { useState } from "react";
import axios from "axios";
import Button from "@material-ui/core/Button";
import { TextField } from "@material-ui/core";
import DisplayUpper from "./DisplayUpper";

function Form() {
  const [inputText, setInputText] = useState("");
  const [fetchedData, setFetchedData] = useState("");
  const [isSubmitted, setSubmitted] = useState(false);

  const handleSubmit = (e) => {
    setSubmitted(true);

    console.log("button …