小编dan*_*608的帖子

import React, { useState, useEffect } from 'react';\nimport rainClip from '../videos/rain.mp4';\nimport sunnyClip from '../videos/sunny.mp4';\nimport dullClip from '../videos/cloudy_black.mp4'\nimport '../App.css'\nexport default function Background({ weather }){\n  const [clip, setClip] = useState(sunnyClip)\n  console.log(clip)\n  console.log('Background loaded')\n  useEffect(() =>{\n    if (weather[0].description.includes('\xd0\xb4\xd0\xbe\xd0\xb6\xd0\xb4\xd1\x8c')){\n      setClip(rainClip)\n      console.log('Setted rain')\n    }\n    if (weather[0].description.includes('\xd0\xbf\xd0\xb0\xd1\x81\xd0\xbc\xd1\x83\xd1\x80\xd0\xbd\xd0\xbe')){\n      setClip(dullClip)\n      console.log('Setted dull')\n    }\n    if (weather[0].description.includes('\xd1\x8f\xd1\x81\xd0\xbd\xd0\xbe')){\n      setClip(sunnyClip)\n      console.log('Setted sun')\n    }\n  }, [weather])\n \n    return(\n        <video autoPlay loop muted\n        style={{\n          height: '100%',\n          zIndex: '-1',\n          left: '50%',\n          transform: 'translate(-50%, 0%)',\n          position: 'absolute'\n        }}\n        >\n        <source src={clip} type="video/mp4" />\n      </video>\n    )\n}\n